A modern, responsive blog reading platform built using Next.js and TypeScript, with a focus on performance, interactivity, and scalability.

• 🌐 Live Website
• 💻 GitHub Repository

• Next.js – Full-stack React Framework
• TypeScript – Strongly typed JavaScript
• Tailwind CSS – Utility-first CSS Framework
• Framer Motion – Declarative animations

• 🔄 Dynamic Routing & Slugs
• 🧩 Component-based architecture
• 📰 Blog Detail Pages with Related Content
• 📱 Fully Responsive Design
• 📊 Optimized User Experience with Sticky Sidebar & Swiper Carousel
• 🌐 SEO-friendly with custom generateMetadata

• App Router-based Routing
• Reusable Metadata & 404 Handling
• Dynamic Content from MySQL
• Component Props & Slot Rendering
• UI Animation with Framer Motion

1. Clone the repository

   git clone https://github.com/tanushka1726/react_next.git
   cd react_next

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Visit the app Open http://localhost:3000

• 🎯 Improving CMS Integration
• 🎨 UI Polish and Animations
• 🧾 Search & Filtering Capabilities

Crafted with care and continuous learning. Special thanks to everyone who gave feedback and support.

MIT License. Free for personal and commercial use.

Made with ❤️ by Tanushka