https://github.com/sethi353/client
A full-stack Next.js app with NextAuth authentication, responsive UI, and protected product management pages powered by an Express.js backend.
https://github.com/sethi353/client
firebase javascript nextjs react-router
Last synced: 3 months ago
JSON representation
A full-stack Next.js app with NextAuth authentication, responsive UI, and protected product management pages powered by an Express.js backend.
- Host: GitHub
- URL: https://github.com/sethi353/client
- Owner: sethi353
- Created: 2025-11-27T08:35:35.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-12-25T13:04:13.000Z (6 months ago)
- Last Synced: 2025-12-27T00:53:25.590Z (6 months ago)
- Topics: firebase, javascript, nextjs, react-router
- Language: JavaScript
- Homepage: https://client-phi-hazel.vercel.app
- Size: 83 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Next.js Auth App : Cosmetics
A simple full-stack application built with Next.js (App Router), NextAuth.js, and a lightweight Express.js backend.
Includes public + protected pages, Google & credentials login, and product management.
🚀 Live Demo
Frontend: https://client-phi-hazel.vercel.app/
📘 Overview
This project showcases:
Next.js App Router
Authentication with Firebase
Protected routes (Add Product, Manage Products)
Clean UI, responsive layout
CRUD operations with Express backend
🛣️ Routes
Public: /, /items, /items/[id], /login, /register
Protected: /add-product, /manage-products
Unauthorized users are redirected to /login.
🔐 Authentication
Google login
Email/password (credentials)
After login → redirect to /
Navbar updates to show profile dropdown + product management links
🛒 Features
Landing Page (7 sections)
Item List (search + grid of cards)
Item Details (banner + full info)
Add Product (form + validation)
Manage Products (table/grid + View/Delete)
🛠️ Stack
Next.js (App Router)
Firebase
Tailwind CSS
Express.js backend
⚙️ Setup
Clone:
git clone
Install dependencies:
npm install
Env variables (.env.local):
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your-secret
GOOGLE_CLIENT_ID=xxx
GOOGLE_CLIENT_SECRET=xxx
API_BASE_URL=http://localhost:5000
Run backend:
npm start
Run frontend:
npm run dev