@@ -3,7 +3,7 @@ title: Tutorial
3
3
sidebar_label : Tutorial
4
4
---
5
5
6
- In deze tutorial maken we samen een eenvoudige stemming-applicatie .
6
+ In deze tutorial maken we samen een eenvoudige stemapplicatie .
7
7
8
8
We gaan ervan uit dat je [ Blitz al hebt geïnstalleerd] ( ./get-started ) . Je
9
9
kan nakijken of Blitz al is geïnstalleerd, en over welke versie je
@@ -98,8 +98,8 @@ my-blitz-app
98
98
99
99
Deze bestanden zijn:
100
100
101
- - De ` app/ ` map bevat het meeste van je project. Hier plaats je pagina's
102
- of API-routes.
101
+ - De ` app/ ` map bevat het grootste deel van je project. Hier plaats je
102
+ pagina's of API-routes.
103
103
104
104
- De ` app/pages/ ` map is de map met primaire pagina's. Als je Next.js hebt
105
105
gebruikt, merk je meteen dat dit anders is. In Blitz kan je
@@ -117,7 +117,7 @@ Deze bestanden zijn:
117
117
gebruiken, kun je ze hier zetten.
118
118
119
119
- ` .babelrc.js ` , ` .env ` , etc. ("dotfiles") zijn configuratiebestanden voor
120
- verschillende stukken JavaScript tooling.
120
+ de verschillende onderdelen van JavaScript tooling.
121
121
122
122
- ` blitz.config.js ` is voor geavanceerde aangepaste configuratie van
123
123
Blitz. Het heeft hetzelfde formaat als ` next.config.js ` .
@@ -158,8 +158,9 @@ e-mailadres en wachtwoord in en klik op **Create Account**. Hierna word je
158
158
teruggeleid naar de startpagina waar je de ` id ` en ` role ` van je gebruiker
159
159
kan zien.
160
160
161
- Als je wil, kan je ook proberen uitloggen en terug inloggen. Of klik op
162
- ** Forgot your password?** op de loginpagina om die flow te proberen.
161
+ Als je wil, kan je ook proberen uit te loggen en terug in te loggen. Of
162
+ klik op ** Forgot your password?** op de loginpagina om die flow te
163
+ proberen.
163
164
164
165
## Schrijf je eerste pagina { #write - your - first - page }
165
166
@@ -218,9 +219,9 @@ _laatst bewerkt_ timestamp.
218
219
blitz generate all question text:string
219
220
```
220
221
221
- Druk op ** Enter** als er wordt gevraagd om ` prisma migrate ` uit te voeren,
222
- die je databaseschema zal updaten met het nieuwe model. Er zal een naam
223
- worden gebraagd , dus typ iets zoals "add question".
222
+ Druk op ** Enter** als er wordt gevraagd om ` prisma migrate ` uit te voeren.
223
+ Dit zal je databaseschema updaten met het nieuwe model. Er zal een naam
224
+ worden gevraagd , dus typ iets zoals "add question".
224
225
225
226
```
226
227
CREATE app/pages/questions/[questionId].tsx
@@ -317,7 +318,7 @@ model Question {
317
318
```
318
319
319
320
Voer dan ` blitz prisma generate ` uit om de Prisma client te updaten met
320
- het aangepaste schema. Er is geen database migratie nodig, omdat er geen
321
+ het aangepaste schema. Er is geen databasemigratie nodig, omdat er geen
321
322
echt veld wordt toegevoegd aan het ` Question ` model in de database.
322
323
323
324
## Spelen met de Prisma database client { #playing - with - the - prisma - database - client }
@@ -379,11 +380,11 @@ undefined
379
380
380
381
<!-- prettier-ignore-start -->
381
382
:::info
382
- Voor we de app opnieuw runnen , moeten we wat van de code die gegenereerd is, aanpassen. Uiteindelijk zullen deze aanpassingen niet meer nodig zijn, maar voor nu moeten we nog rond een aantal openstaande problemen werken.
383
+ Voor we de app opnieuw uitvoeren , moeten we een deel van de code die gegenereerd is, aanpassen. Uiteindelijk zullen deze aanpassingen niet meer nodig zijn, maar voor nu moeten we nog rond een aantal openstaande problemen werken.
383
384
:::
384
385
<!-- prettier-ignore-end -->
385
386
386
- De gegenereerde paginainhoud maakt nog geen gebruik van de eigenlijke
387
+ De gegenereerde pagina-inhoud maakt nog geen gebruik van de eigenlijke
387
388
modelattributen die je tijdens de generatie hebt gedefinieerd. Dit komt
388
389
eraan, maar voorlopig moeten we dit nog manueel oplossen.
389
390
@@ -536,7 +537,7 @@ const UpdateQuestion = z
536
537
[ // ] : # " Remove this section once Prisma supports cascading deletes "
537
538
538
539
Prisma ondersteunt nog geen "cascading deletes". In de context van deze
539
- tutorial betekent dat dat de ` Choice ` data niet wordt verwijderd wanneerd
540
+ tutorial betekent dit dat de ` Choice ` data niet wordt verwijderd wanneer
540
541
de ` Question ` wordt verwijderd. We moeten tijdelijk de gegenereerde
541
542
` deleteQuestion ` mutatie uitbreiden om dit manueel te doen. Open
542
543
` app/questions/mutations/deleteQuestion.ts ` in je teksteditor en voeg het
@@ -652,8 +653,8 @@ export default resolver.pipe(
652
653
653
654
#### Probeer het uit
654
655
655
- Nu kan je naar ` localhost:3000/questions/new ` gaan en een nieuwe vraag
656
- maken met keuzes!
656
+ Nu kan je naar ` localhost:3000/questions/new ` gaan en een nieuwe vraag met
657
+ keuzes maken !
657
658
658
659
## Keuzes oplijsten { #listing - choices }
659
660
@@ -931,7 +932,7 @@ export const Question = () => {
931
932
}
932
933
```
933
934
934
- ## Leten we tot slot het bewerken van keuzes voor bestaande vragen mogelijk maken { #edit - choices - for - question }
935
+ ## Laten we tot slot het bewerken van keuzes voor bestaande vragen mogelijk maken { #edit - choices - for - question }
935
936
936
937
Als je op de ** Edit** knop klikt bij één van je bestaande vragen, zie je
937
938
dat die hetzelfde formulier gebruikt als bij het aanmaken van vragen. Dat
@@ -981,23 +982,24 @@ export default resolver.pipe(
981
982
```
982
983
983
984
[ ` upsert ` ] ( https://www.prisma.io/docs/reference/api-reference/prisma-client-reference#upsert )
984
- is een speciale operatie die betekent: "Als dit item bestaat, update het
985
- dan. Zo niet, maak het dan aan". Dat is perfect in dit geval, want we
986
- hebben de gebruiker niet verplicht om drie keuzes toe voegen bij het maken
987
- van de vraag. Dus als de gebruiker later nog een keuze toevoegt door de
988
- vraag te bewerken, zal het die hier worden aangemaakt.
985
+ is een speciale database operatie die betekent: "Als dit item bestaat,
986
+ update het dan. Zo niet, maak het dan aan". Dat is perfect in dit geval,
987
+ want we hebben de gebruiker niet verplicht om drie keuzes toe voegen bij
988
+ het maken van de vraag. Dus als de gebruiker later nog een keuze toevoegt
989
+ door de vraag te bewerken, zal het die hier worden aangemaakt.
989
990
990
991
## Conclusie { #conclusion }
991
992
992
993
🥳 Proficiat! Je hebt je eigen Blitz app gemaakt! Speel er gerust wat mee,
993
994
of deel het met je vrienden. Nu je deze tutorial hebt afgewerkt, waarom
994
- probeer je je stemming-app niet nog beter te maken? Je zou kunnen
995
- proberen:
995
+ probeer je je stemapplicatie niet nog beter te maken? Je zou kunnen
996
+ proberen om :
996
997
997
- - Styling toevoegen (Hint: probeer ` blitz install tailwind ` of
998
+ - Styling toe te voegen (Hint: probeer ` blitz install tailwind ` of
998
999
` blitz install chakra-ui ` )
999
- - Meer statistieken over de stemmen laten zien
1000
- - Live uitrollen op [ Render] ( ./deploy-render ) of [ Vercel] ( ./deploy-vercel )
1000
+ - Meer statistieken over de stemmen te laten zien
1001
+ - Live uit te rollen op [ Render] ( ./deploy-render ) of
1002
+ [ Vercel] ( ./deploy-vercel )
1001
1003
1002
1004
Als je je project wil delen met de wereldwijde Blitz community, dan is er
1003
1005
geen betere plek om dat te doen dan op Discord.
0 commit comments