Next Educational Blog - A Web Development Blog Platform ✏️

Front Top Learn is a modern blog platform built with Next.js, Tailwind CSS and Redux, designed to provide a simple and clean user experience for reading and commenting on development-related articles.

🚀 Backend is powered by Node.js (developed separately and not included in this repository)

---

✨ Features

• 🔐 User Authentication

  • Sign up and log in functionality
  • Authentication state handled via Redux and Context

• 📚 Browse Articles

  • Read articles categorized by web development topics
  • Clean, responsive UI with Tailwind CSS

• 💬 Comments

  • Users can leave comments on articles
  • Comments are visible under each post

• 📂 Article Categories

  • Easily navigate through categories such as Frontend, Backend, Angular, React, Vue etc.

---

📁 Tech Stack

Frontend

• Next.js
• Tailwind CSS
• Material UI
• Tailwind CSS
• Redux Toolkit
• React Hot Toast
• React Copy To Clipboard
• React Query
• Axios
• Formik
• Yup

Backend

• Node.js (API not included in this repo)

---

📸 Screenshots

---

🧠 What I Learned

• File-based routing in Next.js
• Implementing SSR and SSG
• Building scalable components and pages

🔗 Live Demo

👉 Your Live Demo Link

📦 Installation

git clone https://github.com/springtofigh/next-educational-blog
npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.