
BeCoder
Ghid pentru soluții
Ultima actualizare: 19 mai 2025
1. Prerechizite
- Instalează Git de pe git-scm.com
- Creează un cont pe GitHub, GitLab sau Bitbucket
- Instalează un editor de cod (ex: Visual Studio Code)
- Asigură-te că proiectul funcționează local:
- HTML/CSS: deschide
index.html
în browser - JavaScript (ex: Vite, React):
npm install npm run dev
- Python Flask:
pip install -r requirements.txt flask run # sau python app.py
- Python Django:
pip install -r requirements.txt python manage.py runserver
- HTML/CSS: deschide
2. Folosește Git
- Inițializează un repository local:
git init git add . git commit -m "Initial commit"
- Creează un repository online (GitHub, GitLab, Bitbucket)
- Conectează-l și publică codul:
git remote add origin <url> git branch -M main git push -u origin main
3. Publică Frontend-ul
- Platforme recomandate:
- Netlify – ușor pentru Vite, React, HTML/CSS
- Vercel – ideal pentru Next.js sau alte aplicații React
- GitHub Pages – pentru proiecte statice
- Pași:
- Conectează repository-ul
- Adaugă comanda de build (
npm run build
) - Alege folderul de output (
dist
,build
) - Publică aplicația și primești un link public
4. Publică Backend-ul
- Platforme backend recomandate:
- Render, Railway, Fly.io
- Pentru JavaScript (Express):
- Adaugă în
package.json
:"scripts": { "start": "node server.js" }
- Folosește
process.env.PORT
- Adaugă în
- Pentru Python Flask:
- Creează fișier
requirements.txt
- Folosește
flask run
saupython app.py
- Dacă e nevoie, adaugă
Procfile
:web: python app.py
- Creează fișier
- Pentru Python Django:
- Creează
requirements.txt
șiProcfile
:web: gunicorn myproject.wsgi
- Asigură-te că
ALLOWED_HOSTS
este configurat - Rulează
python manage.py migrate
șicollectstatic
dacă este cazul
- Creează
5. Publică Fullstack
- Pentru aplicații fullstack (frontend + backend):
- Structurează codul:
/client
(frontend) și/server
(backend) - JavaScript:
- Publică frontend-ul pe Netlify/Vercel
- Backend-ul pe Render/Railway
- Conectează-le folosind
VITE_API_URL
- Python Flask/Django:
- Poți servi frontend-ul direct din backend sau le poți ține separat
- Asigură-te că rutele API și statice funcționează
- Structurează codul:
- Testează conexiunea între frontend și backend
6. Găzduiește o bază de date
- Platforme gratuite pentru baze de date:
- Supabase, MongoDB Atlas, Railway, PlanetScale
- JavaScript:
- Folosește Prisma (SQL) sau Mongoose (MongoDB)
- Salvează datele de conectare în
.env
- Python Flask/Django:
- Flask: folosește
psycopg2
saupymongo
- Django: configurează
DATABASES
însettings.py
- Verifică conexiunea în cloud și încarcă
.env
sau foloseșteos.environ
- Flask: folosește
7. Verificare finală
- Asigură-te că:
- Codul este pe un repository public
- Frontend și backend sunt accesibile online
- Baza de date funcționează și este conectată
- Toate funcționalitățile sunt testate cap-coadă
- După validare, poți distribui linkul aplicației și al repository-ului