Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gyanthakur/blog_app
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.: https://blog-app-vq83.vercel.app/
https://github.com/gyanthakur/blog_app
css javascript mongoodb mongoose nextjs14
Last synced: 1 day ago
JSON representation
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.: https://blog-app-vq83.vercel.app/
- Host: GitHub
- URL: https://github.com/gyanthakur/blog_app
- Owner: Gyanthakur
- Created: 2024-08-06T18:00:32.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-20T17:38:00.000Z (26 days ago)
- Last Synced: 2024-12-20T18:34:10.006Z (26 days ago)
- Topics: css, javascript, mongoodb, mongoose, nextjs14
- Language: JavaScript
- Homepage: https://blog-app-53.vercel.app/
- Size: 8.95 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://blog-app-53.vercel.app/)
---
## 📖 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](https://vercel.com) for frontend hosting.
- [MongoDB Atlas](https://www.mongodb.com/cloud/atlas) for database hosting.
---
## 🚀 Getting Started
Follow these steps to get the project up and running on your local machine:
### Prerequisites
- [Node.js](https://nodejs.org) installed
- MongoDB database URI
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Gyanthakur/blog_app.git
cd nextjs-blog
```
2. Install dependencies:
```bash
npm install
```
3. Create an `.env.local` file in the root directory and add your MongoDB connection string:
```env
MONGODB_URI=your-mongodb-uri
```
4. Start the development server:
```bash
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:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add feature-name"
```
4. Push to the branch:
```bash
git push origin feature-name
```
5. Submit a pull request.
---
## 🔐 License
This project is licensed under the [MIT License](LICENSE).
---
## ✨ Made by ❤️ by Gyan Pratap Singh ✨
## 🌐 Connect with Us
Feel free to reach out for questions or collaboration:
- **Name**: Gyan Pratap Singh
- **Email**: [[email protected]](mailto:[email protected])
- **Portfolio**: [Gyan's Portfolio](https://portfolio-v1-chi-one.vercel.app)
- **Contact Us**: 📲
GitHub Repository: [BlogApp](https://github.com/Gyanthakur/blog_app.git)
---
Enjoy blogging with the **Next.js Blog Project**! 🎉