create-forgestack v1.3.2
ForgeStack
ForgeStack is a fullstack template powered by Next.js, Firebase, and Tailwind CSS to help you kickstart your web development projects with ease.
🚀 Features
- 🔥 Next.js - The React framework for production.
- ⚡ Firebase - Realtime database, authentication, and storage.
- 🎨 Tailwind CSS - Utility-first styling framework.
- 🌑 Dark Mode Support - Built-in light/dark theme toggle.
- 📦 Pre-configured Hooks - Custom Firebase hooks for seamless integration.
📦 Installation
To create a new project using ForgeStack, run:
npx create-forgestack my-app
Then navigate into your project directory:
cd my-app
🛠 Setup Firebase
After 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.
🚀 Running the Project
To start the development server, run:
npm run dev
This will launch your app at http://localhost:3000
.
📂 Project Structure
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
🎨 Theming
ForgeStack supports light/dark mode out of the box. You can customize the theme in src/styles/globals.css
.
📜 License
This project is open-source and available under the MIT License.
🤝 Contributing
Contributions are welcome! Feel free to fork the repo, submit issues, or make a pull request.
Built with ❤️ by the tmonga2208.