Video: Setting Up Frontend
Keystone JS
Released: 2022-01-31
-
1. Introduction
6m48s
-
2. Setting Up Frontend
10m40s
-
3. Tailwind Intro
9m47s
-
4. Tailwind Fonts
13m47s
-
5. Nextjs Structure
4m44s
-
6. Stubbing Out The Layout
31m14s
-
7. Responsive
13m22s
-
8. Terms And Conditions
12m42s
-
9. Directions Page
13m31s
-
10. Questions Page
7m1s
-
11. Results
11m28s
-
12. Setting Up Backend
7m56s
-
13. Database Fields
10m3s
-
14. Fields In Keystone
14m50s
-
15. Keystone Admin Ui
8m8s
-
16. Graphql Playground
4m20s
-
17. Overview Graphql Apollo
11m2s
-
18. Frontend & Backend Talking
17m45s
-
19. Handling The Form
10m44s
-
20. Queries & Mutations New User
11m20s
-
21. Setting Up Queries & Mutation Form
33m34s
-
22. Displaying Questions
21m12s
-
23. Logging Answers
10m23s
-
24. Passing Variables
14m5s
-
25. Calculating & Displaying Answers
23m49s
-
26. Fancy Svg
9m37s
-
27. Safe Pages
16m38s
-
28. Access Permissions
20m13s
-
29. Where To Go From Here
1m1s
Setting Up Frontend
Tailwind Custom Colors https://tailwindcss.com/docs/customizing-colors
Mirage Font https://www.dafont.com/made-mirage.font
Brittany Font https://www.dafont.com/brittany-signature.font?text=Free+Start+Submit
Roboto Slab Font https://fonts.google.com/specimen/Roboto+Slab?preview.text_type=custom
Nunito Sans Font https://fonts.google.com/specimen/Nunito+Sans?preview.text_type=custom