Full Stack
Next.js Full-Stack Blog
A full-stack blog built with Next.js. Users can read, like, save, and comment on posts, and signed-up users can create, edit, or delete their own posts.
Overview
About the project
This project is a social media-style blog where users can create and share posts, edit and delete their content, and interact with other users' posts. Users can sign up and log in with multiple authentication methods, including email, Google, and GitHub.
I created this project as a portfolio piece to practise full-stack development concepts and build a real-world social platform experience.
The project is developed with Next.js, TypeScript, Tailwind CSS, PostgreSQL, Prisma, Better Auth, and full CRUD functionality.
What it includes
Key features
- Create, edit, and delete blog posts with full CRUD functionality
- Like, save, and comment on posts
- Restrict content management to the post author
- Authenticate with email, Google, or GitHub
- Use dynamic routes with SEO-friendly rendering
- Build the application with reusable components and strong typing
- Persist data with PostgreSQL and Prisma
Stack
Technologies used
- Next.js
- React
- Tailwind CSS
- TypeScript
- PostgreSQL
- Prisma
- Better Auth
Process
Decision Log
Building a realistic social blog
The project was structured to simulate a real content platform where users can publish, edit and interact with posts.
Using full CRUD as a core requirement
CRUD operations were essential to demonstrate practical full-stack development and ownership of data flow.
Authentication flexibility
Multiple sign-in methods with BetterAuth were included to improve accessibility and reflect real-world applications.
Modern full-stack tooling
Next.js, Prisma and PostgreSQL were chosen to create a robust, typed and maintainable architecture.
Continue exploring
More Projects
Project
Full-Stack House Organizer Application
Housemates is a full-stack web application designed to help people organise, manage and access everything in a shared house.
Project
The Solar System 2
An interactive project displaying information about celestial bodies in the solar system. Fully developed from scratch with a custom API and interactive animations.
Project
Weather App
A responsive weather web app that displays current weather based on geolocation or city search, with search history and dynamic interactions.