Je project online zetten

Op EduInsights zet je je code online vanuit een GitHub-repository. Jij pusht je code naar GitHub, EduInsights haalt hem op, bouwt hem en serveert je site op een eigen adres. Deze gids laat de hele weg zien: een app aanmaken, een database koppelen en de dev-loop van je laptop naar een live website.

Wat heb je nodig?

Je code in een GitHub-repository binnen de schoolorganisatie. Heb je nog geen repo? Maak er eerst een en push je project erheen.

Het grote plaatje

text
Jouw laptop  ──push──▶  GitHub  ──Opnieuw deployen──▶  EduInsights bouwt & host
                                                              │
                                                              ▼
                                    https://<gebruikersnaam>-<slug>.eduinsights.nl

Je werkt dus altijd lokaal, pusht naar GitHub, en EduInsights maakt daar een live website van.

1. Een nieuwe app aanmaken

Ga naar Cloud → Apps en klik op Nieuw project.
Repository kiezen — selecteer de GitHub-repo met jouw code.

Naam & URL — geef je project een naam en kies een slug (het stukje in de URL). Je site komt op:

text
https://<gebruikersnaam>-<slug>.eduinsights.nl

Type project — kies hoe je app gehost wordt (zie de tabel hieronder).
Opties — optioneel: een hoofdmap als je code in een submap staat, wachtwoordbeveiliging, en (voor Next.js/Go) build-commando's.

Klik op Project aanmaken. EduInsights haalt meteen je code op en doet de eerste deploy.

2. Welk type project?

Het type bepaalt hoe je app gebouwd en gedraaid wordt.

Type	Waarvoor	Build?
Statisch	HTML, CSS en JavaScript (portfolio, landingspagina)	Nee — bestanden worden direct geserveerd
PHP	Server-side PHP, meestal met MySQL	Nee — direct geserveerd door PHP
Next.js	Full-stack React met server-side rendering	Ja — wordt gebouwd in een container
Go	Go HTTP-server	Ja — wordt gecompileerd in een container

Twijfel je?

Alleen HTML/CSS/JS? Kies Statisch. Server-side PHP met een database? Kies PHP. Een Next.js-app? Kies Next.js. Voor Next.js en Go gelden extra build-instellingen — zie Build, env vars & commando's.

3. Een database koppelen

Sla je gegevens op (gebruikers, berichten, producten)? Maak een MySQL-database aan en koppel hem aan je app. Zodra je koppelt, krijgt je app automatisch de DB_* omgevingsvariabelen.

Maak een database aan onder Cloud → Databases → Nieuwe database.
Open je app en ga naar het tabblad Database → kies je database.

Hele uitleg in Databases bij EduInsights en Verbindingsgegevens.

Nooit wachtwoorden in je code

Lees database-gegevens altijd uit de DB_* omgevingsvariabelen (getenv(), process.env, os.environ). Zo staan ze nóóit in je GitHub-repo. Zie Veiligheid.

4. De dev-loop: van lokaal naar live

Dit is je dagelijkse ritme tijdens het bouwen:

Code lokaal op je laptop.
Test lokaal — bijv. npm run dev (Next.js), de PHP-server of XAMPP, of go run . (Go).

Commit & push naar GitHub:

bash
git add .
git commit -m "Mijn wijziging"
git push

Open je app op EduInsights en klik op Opnieuw deployen. Die knop haalt de nieuwste code van GitHub op en deployt opnieuw.
Volg de voortgang. Een Next.js/Go-build duurt een paar minuten; je ziet de status op Bezig… staan en daarna Actief.
Klik op Bekijk site om het resultaat te zien.

Pushen is niet hetzelfde als deployen

Een git push zet je code op GitHub, maar zet hem nog niet live. Klik daarna altijd op Opnieuw deployen om je nieuwste code op te halen en te deployen.

Statische en PHP-sites kunnen automatisch updaten

Heeft je docent de GitHub-webhook ingesteld, dan worden statische en PHP-sites bij een push automatisch opnieuw gedeployd. Next.js- en Go-apps moet je altijd zelf opnieuw deployen met de knop. Werkt het niet automatisch? Gebruik dan gewoon Opnieuw deployen — dat werkt altijd.

5. Status van je app

Bovenaan de detailpagina staat de status:

Status	Betekenis
Bezig…	De build/deploy loopt nog. Even wachten.
Actief	Je site is live en bereikbaar.
Mislukt	De build is mislukt. Open het tabblad Deployments voor de foutmelding en build-uitvoer.
Uitgeschakeld	De app is (tijdelijk) uitgezet.

Loopt een deploy mis? Open het tabblad Deployments en klik de mislukte deploy open voor de build-uitvoer (git clone, installatie, build). Elke deploy wordt daar bewaard met status en tijdstip. Zie Build, env vars & commando's voor het lezen van logs.

Volgende stappen

Next.js + Prisma + MySQL? → Next.js + MySQL + Prisma
PHP + MySQL? → PHP met PDO of PHP met MySQLi
Build instellen (npm run build, pre/post-build, env vars)? → Build, env vars & commando's

Meer in Aan de slag

Build, env vars & commando's