Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kushalchavan/blog-app
https://github.com/kushalchavan/blog-app
mongoodb mongoose nextjs14 tailwindcss typescript
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/kushalchavan/blog-app
- Owner: Kushalchavan
- Created: 2024-09-09T16:40:24.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-01T17:24:46.000Z (about 2 months ago)
- Last Synced: 2024-10-10T14:40:18.385Z (about 1 month ago)
- Topics: mongoodb, mongoose, nextjs14, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://blog-app-silk-ten.vercel.app
- Size: 17.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Blog App
A **modern blogging platform** built with **Next.js 14**, **TypeScript**, **Tailwind CSS**, and **MongoDB**, providing a sleek and responsive UI for reading posts.
## 🌟 Features
- 📰 **Create, Read, Update, Delete (CRUD)** functionality for blogs.
- 🌐 **Dynamic Routing** for posts.
- 📱 **Responsive design** powered by Tailwind CSS.
- 💾 **MongoDB** for efficient database management.
- ⚡ **Server-side rendering (SSR)** and **static site generation (SSG)** with Next.js 14.
## 🚀 Tech Stack
- **Framework**: [Next.js 14](https://nextjs.org/)
- **Language**: [TypeScript](https://www.typescriptlang.org/)
- **UI**: [Tailwind CSS](https://tailwindcss.com/)
- **Database**: [MongoDB](https://www.mongodb.com/)
- **Deployment**: [Vercel](https://vercel.com/)
---
## 🛠️ Installation and Setup
### 1. Clone the repository
```bash
git clone https://github.com/yourusername/your-blog-app.git
cd your-blog-app
```
### 2. Install dependencies
```bash
npm install
```
### 3. Configure environment variables
Create a .env.local file in the root of your project and add your MongoDB connection string and other necessary environment variables.
```bash
MONGODB_URL=your_mongodb_connection_string
```
### 4. Run the development server
```bash
npm run dev
```
Open http://localhost:3000 to view it in your browser.
## 🎉 Acknowledgements
Next.js for the awesome framework.
MongoDB for the powerful and flexible database.
Tailwind CSS for making styling a breeze.