Deploy - Vercel

Prerequisites: All past steps

Acum ca avem o aplicatie web functionala, tot ce ne ramane de facut este sa o facem accesibila pe internet

1. Creare proiect + Deploy

• In contul vostru Vercel, creati un nou proiect

• Daca aveti contul de GitHub conectat, veti vedea optiunea de a importa repository-ul proiectului. Daca nu, urmati instructiunile pentru a-l conecta

• Alegeti o denumire, alegeti Framework Preset - Next.js -> Deploy

2. Introducere env variables

Pentru datele din .env sunt secrete si nu sunt stocate pe GitHub, va trebui sa le introducem in Vercel

• Accesati proiectul -> Settings -> Environment Variables -> Introduceti variabilele asa cum sunt in proiectul vostru local

3. Redeploy

Pentru ca am modificat environment variables, va trebuie sa lansam din nou aplicatia.

• Din meniu -> Deployments -> Alegeti ultimul deploy -> optiuni -> Redeploy

Vom observa ca aplicatia inca nu functioneaza. Acest lucru se intampla deoarece MongoDB restrictioneaza accesul de la IP-uri necunoscute. Pentru a rezolva aceasta problema, vom aproba conexiunile de la orice IP (pentru ca NextJS foloseste IP-uri dinamice)

4. Allow all IP Connections in MongoDB

• In meniul MongoDB -> Network Access -> Add IP Address -> Allow access from anywhere -> Confirm

• Aplicatia ar trebui acum sa functioneze! (refresh a couple of times, it might be cached)