Santi’s is a modern e-commerce platform in development, dedicated to offering Montessori-inspired products for children that encourage free play, independence, and conscious parenting.
Built with TypeScript and deployed on Vercel, Santi’s follows a serverless architecture powered by Firebase. It also includes a custom admin panel created using v0.dev, allowing easy product management.
- TypeScript – Enables type-safe, scalable, and maintainable frontend development.
- v0.dev – Used to visually generate and sync UI components directly to the codebase.
- React – Core library for building the UI, with components generated and managed via v0.dev.
- Next.js – Provides routing, server-side rendering (SSR), and performance optimizations. Fully integrated with Vercel for seamless deployment.
- Firebase – Complete serverless backend suite:
- Firestore – Flexible NoSQL database for product and user data.
- Authentication – User login and identity management.
- Cloud Storage – For hosting product images and assets.
- Cloud Functions (optional) – For business logic (e.g., order processing, notifications).
- Vercel – Continuous deployment platform, seamless integration with GitHub and Next.js.
- Admin Panel – Built with v0.dev, allowing full product management through a friendly UI.
-
🧸 Detailed Product Catalog
Includes filters by age, category, and more. -
🧑💼 Intuitive Admin Panel
Easily add, edit, or remove products in real-time. -
📦 Modular and Scalable Codebase
Designed to grow with new features. -
🔌 Firebase Serverless Backend
Reliable, performant, and low maintenance. -
🔒 User Authentication
Managed via Firebase Authentication, enabling secure login and access control for both customers and admins.
- UI Construction: Components are generated and synced via v0.dev.
- Code Integration: Changes are committed to GitHub automatically.
- Continuous Deployment: Vercel deploys the latest version on every push.
- Backend Services: Firebase handles authentication, database, and media storage.
- Node.js (LTS)
- Firebase account + project
- Git
- Clone the repository
git clone https://github.com/magalvez-bukcls-projects/santiscl.git
cd santiscl- Install dependencies
npm install
# or
yarn install- Configure Firebase
- Create a Firebase project at console.firebase.google.com
- Enable:
- Firestore
- Authentication
- Storage
- Go to Project Settings → Web App → Copy your Firebase config
- Create a
.env.localfile at the root of the project with:
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
⚠️ Use theNEXT_PUBLIC_prefix to expose these variables to the browser (required for Next.js).
- Run the development server
npm run dev
# or
yarn devThe app will be running at http://localhost:3000.
We welcome contributions!
To contribute:
- Fork this repository
- Create a new branch:
git checkout -b feature/your-feature-name- Commit your changes:
git commit -m "feat: add feature"- Push to your fork:
git push origin feature/your-feature-name- Open a Pull Request 🚀
This project does not currently have an explicit license. All rights are reserved by Santi’s Team.
We may consider adding an open-source license (e.g., MIT) in the future. Feel free to open an issue to discuss.
Have questions or suggestions?
📬 Contact us at: [khrisnagonzalez@outlook.com]
Made with ❤️ by Santi’s Team