https://github.com/akunna1/nexus-remade
Recreating my Nexus Therapy Alternative social media app using Next.js and Supabase
https://github.com/akunna1/nexus-remade
light-dark-mode nextjs react supabase tailwindcss typescript
Last synced: about 1 month ago
JSON representation
Recreating my Nexus Therapy Alternative social media app using Next.js and Supabase
- Host: GitHub
- URL: https://github.com/akunna1/nexus-remade
- Owner: akunna1
- Created: 2025-07-14T17:53:30.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-08-18T14:33:03.000Z (about 2 months ago)
- Last Synced: 2025-08-18T16:22:30.615Z (about 2 months ago)
- Topics: light-dark-mode, nextjs, react, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://nexus-remade.vercel.app
- Size: 34.4 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nexus Social Media App 🤳🏾
A modern social media application built with **Next.js**, **Supabase**, and **Tailwind CSS**.
---
## Overview 👥
Nexus is a responsive therapy alternative social platform where users can upload posts, comment, and interact in a clean and intuitive UI.
---
## Key Features ⭐
* 🔐 User authentication and profile management powered by Supabase
* 🎨 Responsive design using Tailwind CSS
* 🌙 Dark mode toggle and interactive navbar components
---
## Components Structure 🧩
### Core Components
* **Comments** — handles individual post comments
* **Post** — displays single post with likes, comments, and share options
* **Posts** — renders a list of posts
### Layout Components
* **Navbar** & **Navbar2** — navigation bars with theme toggle and menu (navbar2 is in sm and md screens)
* **Leftbar** & **Rightbar** — sidebars with additional navigation or info
* **Upload** — upload interface for new posts
* **Profile** — user profile display and edit page
* **Scroll** — custom scroll behavior component
---
## Pages 🗂️
* **Home** — includes `[Upload]` and `[Posts]` components for the main feed
* **Profile** — displays `[Profile]` and `[Posts]` components for user content
---
## Getting Started 🚀
1. Clone the repository
2. Install dependencies with `npm install` or `yarn`
3. Setup Supabase credentials in `.env.local`
4. Run the app locally with `npm run dev` or `yarn dev`
---
## Demo Login Details 🔑
Use the following credentials to log in to the demo app:
* First Name: Astra
* Last Name: Quanta
* Email: [astraquanta1@gmail.com](mailto:astraquanta1@gmail.com)
* Password: akunnaya1234\$
---
## Routes
* / - first page, i.e. the login page
* /register - register page
* /home - after logging in, you'll be taken to Astra's homepage
* /profile - Astra's profile page
---
## Notes 📝
* This app uses Supabase for backend and authentication
* Tailwind CSS is used extensively for styling and responsiveness
* Components are modular and reusable for scalability
---
## Contact 📬
For any questions or demo requests, feel free to reach out!