Skip to main content

Prerequisites

Before you start, make sure you have the following installed:
  • Node.js v18 or later — nodejs.org
  • npm (comes with Node.js)
  • Git
  • A Supabase account — supabase.com (free tier works)
1

Clone the repository

git clone https://github.com/alcorher/entregable3_di.git
cd entregable3_di
2

Install dependencies

npm install
This installs Next.js, React, the Supabase client libraries, and TailwindCSS.
3

Create your environment file

Create a .env.local file in the project root with your Supabase credentials:
.env.local
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
Never commit .env.local to version control. It contains sensitive keys. The .gitignore already excludes it.
To find your credentials, go to your Supabase project dashboard, open Settings → API, and copy the Project URL and anon public key.See Environment Setup for a full walkthrough.
4

Set up the database

Your Supabase project needs the perfiles, recetas, and favoritos tables. Follow the Supabase Setup guide to run the SQL DDL and configure storage buckets.
5

Start the development server

npm run dev
Next.js supports hot reloading — any changes you save will instantly reflect in the browser without a full restart.
6

Open the app

Navigate to http://localhost:3000 in your browser. You should see the Sazón Comunitario landing page.
7

Create your account

Click Regístrate on the landing page, fill in your email, password, and display name, then log in. You’re now ready to browse recipes, upload your own, and explore the platform.
The app ships with a sample admin account. If you’re connecting to the shared database, you can log in with [email protected] / 123456 for admin-level access.

Available scripts

ScriptCommandDescription
Developmentnpm run devStarts Next.js dev server with hot reload on port 3000
Buildnpm run buildCreates an optimized production build
Startnpm startServes the production build locally

Next steps

Environment setup

Detailed guide to configuring Supabase and environment variables

Database schema

Understand the data model: profiles, recipes, and favorites

Core features

Learn how recipes, profiles, favorites, and search work

API reference

Full REST API documentation for all endpoints

Build docs developers (and LLMs) love