https://github.com/shahidmalik4/fastapi-nextjs-blog
Minimal blog platform using FastAPI (backend), Next.js (frontend), and SQLite for data storage.
https://github.com/shahidmalik4/fastapi-nextjs-blog
blog crud-application dynamic-routing fastapi javascript nextjs python restapi sqlite
Last synced: 3 months ago
JSON representation
Minimal blog platform using FastAPI (backend), Next.js (frontend), and SQLite for data storage.
- Host: GitHub
- URL: https://github.com/shahidmalik4/fastapi-nextjs-blog
- Owner: shahidmalik4
- Created: 2025-07-27T11:20:48.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-27T11:31:54.000Z (11 months ago)
- Last Synced: 2025-08-11T05:50:04.136Z (11 months ago)
- Topics: blog, crud-application, dynamic-routing, fastapi, javascript, nextjs, python, restapi, sqlite
- Language: JavaScript
- Homepage:
- Size: 6.84 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Fullstack Blog App
A minimal fullstack blog application built with **FastAPI** (backend), **Next.js** (frontend), and **SQLite** as the database. It supports basic blog post CRUD operations, dynamic routing, and a clean API-first architecture.
---
## 🚀 Tech Stack
- **Frontend**: [Next.js](https://nextjs.org/)
- **Backend**: [FastAPI](https://fastapi.tiangolo.com/)
- **Database**: SQLite (via SQLAlchemy or equivalent ORM)
- **Language**: Python, TypeScript/JavaScript
---
## 📁 Project Structure
```
blogstack/
├── backend/ # FastAPI backend
│ ├── main.py
│ ├── models.py
│ ├── crud.py
│ ├── database.py
│ └── ...
├── frontend/ # Next.js frontend
│ ├── pages/
│ ├── components/
│ └── ...
├── .gitignore
└── README.md
```
---
## ⚙️ Setup Instructions
### 1. Clone the repository
```bash
git clone https://github.com/your-username/fastapi-nextjs-blog.git
cd fastapi-nextjs-blog
```
---
### 2. Backend Setup (FastAPI)
```bash
cd backend
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
pip install -r requirements.txt
uvicorn main:app --reload
```
- Visit: `http://localhost:8000`
- API Docs: `http://localhost:8000/docs`
---
### 3. Frontend Setup (Next.js)
```bash
cd ../frontend
npm install
npm run dev
```
- Visit: `http://localhost:3000`
---
## 🛠 Features
- Create, read, update, delete blog posts
- RESTful API using FastAPI
- Dynamic frontend pages with Next.js
- SQLite database (lightweight, zero-config)
- API auto docs via Swagger (`/docs`)
---
## 📦 Requirements
- Python 3.8+
- Node.js 16+
- SQLite (default, no setup needed)
---