Day 54 of #100DaysOfCode — Creating Blog App

On day 54, my goal was to create a basic blog app using Next.js, applying the concepts I had learned so far. I focused on the fundamentals of Next.js, including how it operates, the differences between server and client components, the Link component, and App Router routing. This blog app served as a practical way to integrate all these concepts into a single real project, rather than working through isolated examples. What I Built A simple blog app using Next.js App Router. It has a home page that lists all posts, a dedicated blog section for reading individual posts, and separate pages for About and Contact, all wrapped in a shared Header and Footer layout. 🛠️ Concepts Used Next.js App Router & file-based routing Root layout with shared Header & Footer Server-side vs client-side components Link component for navigation Dynamic routing with [slug] Folder Structure app/ ├── layout.jsx --> Root layout (with Header and Footer) ├── page.jsx --> Home page — lists all posts ├── about/ │ └──