Next.js Blog Project 🌟

Welcome to the Next.js Blog Project! 🚀 This blog application is built using Next.js, MongoDB with Mongoose, and JavaScript, offering a seamless and responsive user experience for creating, reading, and managing blog posts.

🌐 Live Demo

Check out the live version here: Next.js Blog Project

---

📖 Features

• Dynamic Blog Management: Create, update, and delete posts effortlessly.
• Responsive Design: Fully optimized for desktop and mobile devices.
• SEO-Friendly: Optimized for search engines with dynamic meta tags.
• Modern UI/UX: Interactive and clean user interface.
• Database Integration: Powered by MongoDB with Mongoose for efficient data storage and retrieval.

---

⚙️ Technologies Used

• Frontend:

  • Next.js
  • JavaScript
  • Tailwind CSS (or your chosen styling library)

• Backend:

  • MongoDB
  • Mongoose

• Deployment:

  • Vercel for frontend hosting.
  • MongoDB Atlas for database hosting.

---

🚀 Getting Started

Follow these steps to get the project up and running on your local machine:

Prerequisites

• Node.js installed
• MongoDB database URI

Installation

1. Clone the repository:

   git clone https://github.com/Gyanthakur/blog_app.git  
   cd nextjs-blog  

2. Install dependencies:

   npm install  

3. Create an .env.local file in the root directory and add your MongoDB connection string:

   MONGODB_URI=your-mongodb-uri  

4. Start the development server:

   npm run dev  

5. Open your browser and navigate to http://localhost:3000.

---

📂 Project Structure

nextjs-blog/  
├── components/  
├── models/  
├── pages/  
│   ├── api/  
│   ├── index.js  
├── public/  
├── styles/  
├── utils/  
├── .env.local  
├── package.json  
└── README.md  

---

🛠️ Key Functionalities

1. Home Page: Displays a list of all blog posts with pagination.
2. Post Details: Individual pages for each blog post with dynamic routing.
3. Create/Edit/Delete Blog Posts: Authenticated users can manage their content.
4. API Routes: Secure and scalable API endpoints for CRUD operations.

---

📝 Contributing

We welcome contributions! Please follow these steps:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-name  

3. Commit your changes:

   git commit -m "Add feature-name"  

4. Push to the branch:

   git push origin feature-name  

5. Submit a pull request.

---

🔐 License

This project is licensed under the MIT License.

---

✨ Made by ❤️ by Gyan Pratap Singh ✨

🌐 Connect with Us

Feel free to reach out for questions or collaboration:

• Name: Gyan Pratap Singh

• Email: gps.96169@gmail.com

• Portfolio: Gyan's Portfolio

• Contact Us: 📲

GitHub Repository: BlogApp

---

Enjoy blogging with the Next.js Blog Project! 🎉