https://github.com/jjxmonster/blog-board
Simple blogging application designed for users to create, manage, and share their own blog posts.
https://github.com/jjxmonster/blog-board
next-auth nextjs shadcn-ui supabase supabase-cli
Last synced: about 1 month ago
JSON representation
Simple blogging application designed for users to create, manage, and share their own blog posts.
- Host: GitHub
- URL: https://github.com/jjxmonster/blog-board
- Owner: jjxmonster
- Created: 2024-01-21T17:01:47.000Z (over 2 years ago)
- Default Branch: feature/my-posts-page
- Last Pushed: 2024-03-17T17:09:34.000Z (about 2 years ago)
- Last Synced: 2025-01-17T12:55:30.055Z (over 1 year ago)
- Topics: next-auth, nextjs, shadcn-ui, supabase, supabase-cli
- Language: TypeScript
- Homepage: https://blog-board.vercel.app
- Size: 804 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Simple blogging application designed for users to create, manage, and share their own blog posts.
## Brief Description
This blogging platform offers an interactive space for users to share his knowledge and tips. Users can comment on posts, create their own posts and also create new categories
## Live Demo
Check out the live demo of the application: [Live Demo](https://blog-board.vercel.app/)
## Tech Stack
- Next.js
- NextAuth
- Supabase
- Shadcn UI
- React Query
- React Hook Form
- Next Safe Action
- Sonner
- MDXRemote
## Features
- Login with Github
- Authentication using Next Auth with Supabase Adapter
- Creating posts
- Post Preview
- Creating categories
- Adding comments
- Protected Routes
- Server Actions
- Prefething queries
- Hydration Boundaries
- Statically generated pages
## What I learned?
- Implementing authentication with Supabase Adapter for Next Auth
- Protecting routes on a server side and a client side
- Prefetching queries on a server side
- Using Hydration Boundary for prefetched queries
- Using Server Actions with Next Safe Action
- Creating a Trigger in Supabase PostgreSQL Database
- Generating Database Type using Supabase CLI
- Using Partial Prerendering
## Screenshots
### 
### 
### 
### 
### 
### 
## Environment Variables (`.env.local`)
Before running the application, make sure you have correctly configured the environment variables. Fill in the following variables in the `.env` file:
```env
SUPABASE_SERVICE=
SUPABASE_URL=
SUPABASE_API_KEY=
SUPABASE_JWT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=
```
## Installation and running the app
```
pnpm i
pnpm dev
```