A modern and responsive ecommerce web application built using Next.js, Firebase, and Emotion (CSS-in-JS). This application provides a platform for users to browse, search, and purchase products online.
- User authentication (login, registration, and profile management)
- Responsive and mobile-friendly design
- Product listing, search, and filtering
- Shopping cart and checkout functionality
- Integration with Firebase for backend storage and real-time data updates
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/sam-nextjs.git
cd sam-nextjs- Install the dependencies:
npm install
# or
yarn
# or
pnpm install- Create a
.env.localfile in the root of the project and add your Firebase project credentials:
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
Deploy your Next.js app using the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
Any feedback, bug reports, and contributions are welcome! Please feel free to submit an issue or open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.