NextCatflix è un progetto personale creato per migliorare le mie competenze nel framework Next.js e nella gestione di progetti complessi.
L’obiettivo del progetto è ricreare un sito di streaming di film, utilizzando:
- Next.js come framework frontend
- Tailwind CSS per lo stile e il design reattivo
- API in Python per la gestione dei dati
Il progetto mira a realizzare un design moderno e responsive, ottimizzato per diversi dispositivi: desktop, tablet e mobile.
Per eseguire il progetto localmente, segui questi passaggi:
- Clona il repository:
git clone <REPOSITORY_URL>- Entra nella cartella del progetto:
cd next-catflix- Installa le dipendenze:
npm install- Compila il progetto:
npm run build- Avvia il server di produzione:
npm run startWarning
Assicurati di avere il file .env.local con le variabili necessarie prima di eseguire la build.
NextCatflix utilizza variabili d’ambiente per configurare host, porte e API.
I file vanno creati nella root del progetto:
next-catflix/.env.local→ per sviluppo localenext-catflix/.env.production→ per build/produzione
next-catflix/.env.local
# New Config
NEXT_PUBLIC_API_URL=http://<ip_address>:<port>
NEXT_PUBLIC_IMAGE_HOST=<ip_address>
NEXT_PUBLIC_IMAGE_PORT=<port>
# Dev
NEXT_PUBLIC_DEV_ORIGIN=http://<ip_address>:3000
NEXT_PUBLIC_LOCALHOST=http://localhost:3000
next-catflix/.env.production
NEXT_PUBLIC_API_URL=http://<ip_address>:<port>
NEXT_PUBLIC_IMAGE_HOST=<ip_address>
NEXT_PUBLIC_IMAGE_PORT=<port>