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

A small forum/threads page component built using Next.js TSX and stored on Supabase, including admin functionalities, post pinning and deleting, and replies to posts.
https://github.com/snowycrest/nextjs-forums-page

component forums good-first-issue nextjs-typescript page shadcn-ui supabase tailwindcss

Last synced: 3 months ago
JSON representation

A small forum/threads page component built using Next.js TSX and stored on Supabase, including admin functionalities, post pinning and deleting, and replies to posts.

• Host: GitHub
• URL: https://github.com/snowycrest/nextjs-forums-page
• Owner: SnowyCrest
• License: mit
• Created: 2025-01-19T15:26:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-13T16:47:40.000Z (over 1 year ago)
• Last Synced: 2025-04-09T18:02:46.137Z (over 1 year ago)
• Topics: component, forums, good-first-issue, nextjs-typescript, page, shadcn-ui, supabase, tailwindcss
• Language: TypeScript
• Homepage: https://nextjs-forums-page.vercel.app/forums
• Size: 436 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

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














---

## 🚀 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.