A modern social media application built with Next.js, Supabase, and Tailwind CSS.
Nexus is a responsive therapy alternative social platform where users can upload posts, comment, and interact in a clean and intuitive UI.
- 🔐 User authentication and profile management powered by Supabase
- 🎨 Responsive design using Tailwind CSS
- 🌙 Dark mode toggle and interactive navbar components
- Comments — handles individual post comments
- Post — displays single post with likes, comments, and share options
- Posts — renders a list of posts
- 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
- Home — includes
[Upload]and[Posts]components for the main feed - Profile — displays
[Profile]and[Posts]components for user content
- Clone the repository
- Install dependencies with
npm installoryarn - Setup Supabase credentials in
.env.local - Run the app locally with
npm run devoryarn dev
Use the following credentials to log in to the demo app:
- First Name: Astra
- Last Name: Quanta
- Email: astraquanta1@gmail.com
- Password: akunnaya1234$
- / - 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
- This app uses Supabase for backend and authentication
- Tailwind CSS is used extensively for styling and responsiveness
- Components are modular and reusable for scalability
For any questions or demo requests, feel free to reach out!