Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dussanfreire/your-recipes
https://github.com/dussanfreire/your-recipes
nextjs15 react supabase
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/dussanfreire/your-recipes
- Owner: DussanFreire
- Created: 2024-10-29T01:36:54.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-13T00:09:48.000Z (about 1 month ago)
- Last Synced: 2024-11-13T01:18:33.949Z (about 1 month ago)
- Topics: nextjs15, react, supabase
- Language: TypeScript
- Homepage: https://your-recipes-ftuz.vercel.app/
- Size: 3.88 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipe Manager 📖
A simple Next.js application that allows users to view and create recipes. The project is built using Next.js, TypeScript, CSS Modules, and Supabase for backend services.
## Features ✨
• 📝 Create Recipes: Users can add their own recipes with relevant details.
• 📖 View Recipes: Browse and view recipes shared by others.
• 💾 Database Integration: Recipes are stored and retrieved using Supabase.## Tech Stack 🛠️
• Framework: Next.js
• Language: TypeScript
• Styling: CSS Modules
• Backend: Supabase## Installation 🚀
### Prerequisites
• Node.js (v14+ recommended)
• Supabase project setup### Steps
Steps
1. Clone the repository:
```bash
git clone https://github.com/your-username/recipe-manager.git
cd recipe-manager
```
2. Install dependencies:
```bash
npm install
```
3. Set up environment variables
Create a .env.local file in the root of the project and add your Supabase configuration:
```env
SUPABASE_URL=your-supabase-url
SUPABASE_KEY=your-supabase-anon-key
```
4. Run the development server:```bash
npm run dev
```
5. Open http://localhost:3000 in your browser.