34 pekan

​

pekan 26

• multipage website

list :

• NEXT.JS intro
• pages router vs app router
• file based router
• Link
• Client vs server component

link :

• https://nextjs.org/
• https://nextjs.org/docs
• https://nextjs.org/docs/getting-started/installation
• https://nextjs.org/docs/app/building-your-application/routing
• https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating
• https://nextjs.org/learn/react-foundations/server-and-client-components
• https://nextjs.org/docs/app/building-your-application/rendering

​

pekan 28

• file convention usages

list :

• file convention
• default.js
• error.js
• loading.js
• layout.js
• middleware.js
• not-found.js
• template.js
• metadata

link :

• https://nextjs.org/docs/app/api-reference/file-conventions
• https://nextjs.org/docs/app/api-reference/file-conventions/default
• https://nextjs.org/docs/app/api-reference/file-conventions/error
• https://nextjs.org/docs/app/api-reference/file-conventions/loading
• https://nextjs.org/docs/app/api-reference/file-conventions/middleware
• https://nextjs.org/docs/app/api-reference/file-conventions/not-found
• https://nextjs.org/docs/app/api-reference/file-conventions/template
• https://nextjs.org/docs/app/building-your-application/optimizing/metadata

​

pekan 30

database connected, querying, displaying list :

• intro to database
• making database
• querying database
• displaying data from database
• basics database field type

link :

• https://www.w3schools.com/sql/
• https://www.w3schools.com/postgresql/postgresql_install.php
• https://www.youtube.com/watch?v=2kHV2_CXJ38
• https://uplimit.com/course/sql-crash-course
• https://blog.myskill.id/istilah-dan-tutorial/memahami-definisi-dan-pentingnya-field-type-dalam-data-analysis/
• https://nextjs.org/learn/dashboard-app/setting-up-your-database

​

pekan 32

auth and error handling list :

• auth.js
• clerk
• relational db
• rendering based on auth
• understanding basics of auth

link : https://www.youtube.com/watch?v=rhi1eIjSbvk https://nextjs.org/docs/pages/building-your-application/authentication https://lucia-auth.com/ https://authjs.dev/ https://clerk.com/ https://kinde.com/ https://www.sqlshack.com/learn-sql-types-of-relations/ https://www.geeksforgeeks.org/relationships-in-sql-one-to-one-one-to-many-many-to-many/ https://clerk.com/docs/quickstarts/nextjs https://clerk.com/blog/conditional-rendering-react

​

pekan 34

REST api with next.js list :

• api route
• route.ts
• dummy data
• api route as bridge to external services
• intro to prisma

link : https://nextjs.org/docs/app/api-reference/file-conventions/route https://nextjs.org/docs/pages/building-your-application/routing/api-routes https://nextjs.org/learn-pages-router/basics/api-routes/creating-api-routes https://www.youtube.com/watch?v=O-NGENb6LNg https://www.prisma.io/ https://www.prisma.io/docs/getting-started https://www.prisma.io/docs/orm/overview/introduction/what-is-prisma