← Back to portfolio

Case study

Next.js Auth Blog (Modernized)

Modernized blog UI with stronger reading flow and structure ready for auth and CMS later.

Next.jsReactFullstack

60-second pitch

I took an earlier blog prototype and refactored it toward something maintainable: clearer article layout and components that could later connect to auth and a CMS.

About the project

Part of a progression during the internship: prototype first, then modernize. This version improves typography, spacing, and component boundaries compared to the first auth-blog iteration.

Outcome

Cleaner Netlify demo that shows I can evolve my own code instead of only starting from scratch.

What I focused on

  • Improved article reading hierarchy
  • Auth-ready structure (routes/components)
  • Paired with earlier `auth-blog-platform` prototype

What I learned

  • Refactoring UI without changing the whole stack
  • Planning component boundaries for future features
  • Deploying iterative versions of the same idea

Tech stack

Next.jsReactTypeScriptCSS

Project screenshots

Previews from the live deploy. If a preview fails to load, use the live link below.

Next.js Auth Blog (Modernized) — Desktop landing view
Desktop landing view
Next.js Auth Blog (Modernized) — Mobile view
Mobile view
Next.js Auth Blog (Modernized) — Project overview
Project overview