An open API service indexing awesome lists of open source software.

https://github.com/snowycrest/nextjs-forums-page

A small forum/threads page component built using Next.js TSX.
https://github.com/snowycrest/nextjs-forums-page

component forums nextjs-typescript page shadcn-ui tailwindcss

Last synced: 3 months ago
JSON representation

A small forum/threads page component built using Next.js TSX.

Awesome Lists containing this project

README

        

# 💬 Next.js Forums Page Component

A modern, interactive forum platform based on Discord's forums pages built with Next.js and React.

## ✨ Features

- 📝 Create and manage forum posts
- 🏷️ Tag-based filtering system
- 🔍 Search functionality
- 💬 Real-time messaging system
- 👍 Like/Unlike posts
- 📌 Pin important posts (Admin only)
- 👤 User permissions system
- 🔄 Pagination support

| Forums Overview | Post Details |
|----------------|--------------|
| ![Forums Page](/public/forums_showcase_1.png) | ![Post Details](/public/forums_showcase_2.png) |
| Main forums listing with filters, search, and messaging | Create a new post with assigning tags and adding images |

## 🔑 Admin Features

Toggle admin mode to access additional features:
- Pin/Unpin posts
- Add custom tags
- Enhanced post management
- Full message moderation

## 💻 Tech Stack

TypeScript
Supabase
NextJS
Vercel
React

---

## 🚀 Getting Started

1. Clone the repository
2. Install dependencies:
```bash
npm install
```
3. Configure your environment variables
4. Start the development server
```bash
npm run dev
```
Open localhost:3000/forums and you will be able to see the results.

## 📝 License

This project is licensed under the MIT License - see the LICENSE file for details.