NextJS Basic

Learn how to create project from scratch

Member

2,669 enrolled

Tingkatan
Sertifikat
-
Konsultasi
-

Develop Your Skills

Next.js adalah framework JavaScript buatan Vercel yang digunakan Front-End Developer untuk membangun sebuah website yang cepat dan ramah pengguna. Sudah banyak perusahaan dunia di berbagai bidang yang menggunakannya seperti TikTok, Nike, Starbucks, dan Twitch.

Pada kelas Starter ini, kita akan pelajari banyak keunggulan Next.js dimulai dari setup yang mudah (routing), pengaturan website yang ramah SEO, performance Next.js yang cepat dengan Code Splitting, hingga jenis-jenis Hybrid Rendering yang mempermudah proses pengembangan website. Dengan memahami semua fitur berguna tersebut, kita dapat menciptakan semua halaman yang diperlukan website (marketing page, product listing, help, dll) yang interaktif dengan lebih efisien.

Kelas ini cocok bagi Anda yang ingin mendalami Next.js. Agar lebih mudah memahami materi ini, kami sarankan agar mempelajari dahulu materi React dari kelas BWA. Silakan mendaftar dan sampai jumpa di kelas!

Key Points

Memahami dasar-dasar Next js

Mempelajari Setup Project Next js

Mempelajari Code Splitting dan SEO Friendly

Mempelajari Hybrid Rendering (Static Generation & Server Side)

Designed For

Anda yang ingin mendalami Next js

Anda yang ingin menjadi Front-End Developer profesional

Learn With Expert

Prawito Hudoro

Full-Stack Developer

Profile Mentor

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Let's Study

play_circle

Apa itu NextJS dan Kenapa menggunakan nya?

7 mins

play_circle

Membuat Project Baru di NextJS

4 mins

play_circle

Basic Routing di NextJS

5 mins

play_circle

Setup Eslint di NextJS

5 mins

play_circle

Berpindah halaman dengan Component Link

6 mins

play_circle

Code Spliting dan PreFetching NextJS

1 mins

play_circle

Membuat Component Lain di NextJS

2 mins

play_circle

Global CSS dan CSS Modules

9 mins

play_circle

Membuat Layout Page

7 mins

play_circle

Custom halaman 404 (Not Found Page)

2 mins

play_circle

Auto redirection di NextJS

4 mins

play_circle

Membuat Metadata di NextJS

1 mins

play_circle

Optimalisasi Image di NextJS

7 mins

play_circle

Memahami Dynamic Routes

3 mins

play_circle

Data Fetching getStaticProps

8 mins

play_circle

Data Fetching getStaticPaths

16 mins

play_circle

Data Fetching getServerSideProps

9 mins

play_circle

Publish aplikasi NextJS dengan Vercel

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Chrome

Software Gratis

Download Now

Next JS

Software Gratis

Download Now

Vercel

Software Gratis

Download Now

2,669 Happy Members

Review setelah bergabung di kelas NextJS Basic

Andi Alfian Pratam

Front-End Developer

keren materinya

Pravasta Caraka B

Full-Stack Developer

Sangat membantu dalam mengenal framework Next.js untuk membuat project

Firman Wahyudi

Lifetime Learner

materia mudah dipahami

Ariel Self

Full-Stack Developer

good, lanjut lagi nextjsnya

Acep Nurman Sidik

Full-Stack JavaScript Develope...

allhamdulillah mudah dipahami

arwani ahmad

Full-Stack Developer

Penjelasannya sangat detail dan jelas,..

Rifki Ramadhan

Lifetime Learner

Membuat saya jadi mengerti bagaimana caranya membuat Aplikasi dengan Next JS sampai mendeploy ke Vercel.

Muhamad Fadil Mali

Lifetime Learner

keren mas jelas banget..

wahyu fahrozi reze

Full-Stack Developer

wow

Muhammad Fariz Rah

Full-Stack JavaScript Develope...

Good Class!

Darwin

Full-Stack Developer

Penjelasannya Jelas

Iskandar Zulkarnae

Full-Stack Developer

Sangat membantu dalam mempelajari framework next js.

achmad maskuri

Back-End Developer

penjelasannya runut dan mudah dimengerti

Alfie Qashwa

Lifetime Learner

Kereenn

Featured Projects

0 Hasil karya terbaik di kelas NextJS Basic

Belum ada hasil karya.