> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qodr.id/llms.txt
> Use this file to discover all available pages before exploring further.

# 34 pekan

> Penjabaran tentang jurusan dan alur belajar javascript path

### 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/)
* [https://nextjs.org/docs](https://nextjs.org/docs)
* [https://nextjs.org/docs/getting-started/installation](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)
* [https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating](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/learn/react-foundations/server-and-client-components)
* [https://nextjs.org/docs/app/building-your-application/rendering](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)
* [https://nextjs.org/docs/app/api-reference/file-conventions/default](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/error)
* [https://nextjs.org/docs/app/api-reference/file-conventions/loading](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/middleware)
* [https://nextjs.org/docs/app/api-reference/file-conventions/not-found](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/api-reference/file-conventions/template)
* [https://nextjs.org/docs/app/building-your-application/optimizing/metadata](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/sql/)
* [https://www.w3schools.com/postgresql/postgresql\_install.php](https://www.w3schools.com/postgresql/postgresql_install.php)
* [https://www.youtube.com/watch?v=2kHV2\_CXJ38](https://www.youtube.com/watch?v=2kHV2_CXJ38)
* [https://uplimit.com/course/sql-crash-course](https://uplimit.com/course/sql-crash-course)
* [https://blog.myskill.id/istilah-dan-tutorial/memahami-definisi-dan-pentingnya-field-type-dalam-data-analysis/](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](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://www.youtube.com/watch?v=rhi1eIjSbvk)
[https://nextjs.org/docs/pages/building-your-application/authentication](https://nextjs.org/docs/pages/building-your-application/authentication)
[https://lucia-auth.com/](https://lucia-auth.com/)
[https://authjs.dev/](https://authjs.dev/)
[https://clerk.com/](https://clerk.com/)
[https://kinde.com/](https://kinde.com/)
[https://www.sqlshack.com/learn-sql-types-of-relations/](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://www.geeksforgeeks.org/relationships-in-sql-one-to-one-one-to-many-many-to-many/)
[https://clerk.com/docs/quickstarts/nextjs](https://clerk.com/docs/quickstarts/nextjs)
[https://clerk.com/blog/conditional-rendering-react](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/app/api-reference/file-conventions/route)
[https://nextjs.org/docs/pages/building-your-application/routing/api-routes](https://nextjs.org/docs/pages/building-your-application/routing/api-routes)
[https://nextjs.org/learn-pages-router/basics/api-routes/creating-api-routes](https://nextjs.org/learn-pages-router/basics/api-routes/creating-api-routes)
[https://www.youtube.com/watch?v=O-NGENb6LNg](https://www.youtube.com/watch?v=O-NGENb6LNg)
[https://www.prisma.io/](https://www.prisma.io/)
[https://www.prisma.io/docs/getting-started](https://www.prisma.io/docs/getting-started)
[https://www.prisma.io/docs/orm/overview/introduction/what-is-prisma](https://www.prisma.io/docs/orm/overview/introduction/what-is-prisma)