Access the preview

📋 About

Psst: tem em português também! 🙋‍♂️

This project is being developed during the third Alura's Front-End Challenge. The main goal is to build a website based on a Figma model, within four weeks.

Top secret 🤫 : the admin login is

• User: peypey
• Password: negoney

💻 Technologies

• Next.js
• Stitches
• TypeScript
• PrismaORM

🚀 Running locally

Prerequisites

• Node.js 16.8+ (required by Next.js 12)
• pnpm — the project uses pnpm (pinned to v7 in mise.toml)
• PostgreSQL — a running database (local, Docker, or a cloud service such as Neon / Supabase)

1. Install dependencies

pnpm install

2. Configure the environment variables

Copy the template and fill it in:

cp .env.template .env

Variable	Description
BASE_URL	Public URL of the app, e.g. http://localhost:3000
DATABASE_URL	PostgreSQL connection string
GITHUB_ID / GITHUB_SECRET	GitHub OAuth app credentials (optional — GitHub login)
NEXTAUTH_SECRET	Secret used to sign NextAuth sessions
NEXTAUTH_URL	Public URL of the app (used by NextAuth)
IMGUR_CLIENT_ID	Imgur client ID used to upload product images
PRODUCTS_PASSWORD	Password required to create/edit/delete products

3. Set up the database

pnpm prisma migrate dev   # applies migrations and generates the Prisma client
pnpm prisma db seed       # inserts the initial products

4. Run the development server

pnpm dev

Open http://localhost:3000.

🔑 Admin access

• To create, edit or delete products, the page will ask for the PRODUCTS_PASSWORD you set in .env.