ForgeStack is a fullstack template powered by Next.js, Firebase, and Tailwind CSS. It helps you quickly scaffold scalable web apps with built-in theming and Firebase integration.
- Next.js (App Router)
- Firebase Auth, Realtime DB, and Storage
- Tailwind CSS with dark mode support
- Custom hooks for Firebase services
- Clean, scalable project structure
Create a new project:
npx create-forgestack my-app
cd my-appAfter creating the project, you’ll be prompted to enter your Firebase configuration. Ensure you have a Firebase project set up and retrieve your API keys from the Firebase Console.
To start the development server, run:
npm run devThis will launch your app at http://localhost:3000.
my-app/
│── public/ # Static assets
│── src/
│ ├── components/ # Reusable UI components
│ ├── hooks/ # Custom Firebase hooks
│ ├── pages/ # Next.js pages
│ ├── styles/ # Global styles
│ ├── utils/ # Utility functions
│── .env.local # Firebase credentials
│── package.json # Dependencies & scripts
ForgeStack supports light/dark mode out of the box. You can customize the theme in src/styles/globals.css.
This project is open-source and available under the MIT License.
Contributions are welcome! Feel free to fork the repo, submit issues, or make a pull request.
Built with ❤️ by the tmonga2208.
