Belajar Nuxt 3 Bahasa Indonesia - #1 Apa Itu Nuxt?

Summary

The video script introduces 'Next.js', an open-source framework designed to simplify and enhance web development with intuitive features and powerful capabilities. It emphasizes Next.js's server-side rendering, hot module replacement for efficient development, and type safety with TypeScript support. The script also highlights Next.js's automated file-based routing, code splitting, and built-in utilities for data fetching, all aiming to provide a seamless developer experience and improved web performance.

Takeaways

• 🌐 The script introduces 'Next.js', an open-source framework for intuitive and powerful web development.
• 🔍 It emphasizes that 'Next.js' is a successor to 'JS', moving away from traditional JavaScript to a more streamlined approach.
• 📚 The framework is described as 'intuitive', suggesting an easy learning curve and user-friendly interface for developers.
• 🛠️ 'Next.js' offers features like server-side rendering, hot module replacement, and automatic code splitting to enhance development efficiency.
• 🔑 It highlights 'TypeScript' support, providing developers with type safety and auto-suggestions for improved coding experience.
• 📈 The script mentions 'Next.js' as being performance-oriented, with built-in features that optimize web applications for speed and responsiveness.
• 🗂️ 'Next.js' uses a convention-based approach for directory structure, reducing the need for repetitive configuration and allowing developers to focus on feature development.
• 🌐 It supports server-side rendering by default, which is beneficial for SEO and accessibility, ensuring content is rendered on the server before being sent to the client.
• 🔄 'Next.js' incorporates file-based routing, automatically creating routes based on the file structure within the 'pages' directory.
• 🔌 The framework is modular, offering a wide range of integrations and modules created by the community to extend its functionality.
• 🛡️ 'Next.js' is production-ready, with considerations for deployment and various hosting options, catering to different developer needs.

Q & A

What is the main focus of the Next.js framework?

The main focus of Next.js is to make web development intuitive and powerful, enabling developers to create performant and production-ready web applications with a great developer experience in mind.

Why did Next.js decide to move away from using 'n' as its name?

Next.js decided to move away from using 'n' as its name because they wanted to rebrand and simplify the name to just 'Next', which is now the name of the framework without the 'n' prefix.

What does the 'intuitive' aspect of Next.js mean in terms of web development?

The 'intuitive' aspect of Next.js refers to the framework's design that allows developers to focus on building features without worrying about repetitive tasks like directory structure or conventions, as Next.js provides defaults and automates many aspects of web development.

How does Next.js support TypeScript development?

Next.js supports TypeScript development by providing zero-config setup, meaning developers can start using TypeScript without additional configuration. It also ensures type safety, which helps in catching errors early and provides an enhanced development experience.

What is the significance of server-side rendering in Next.js?

Server-side rendering in Next.js is significant because it allows the pages to be rendered on the server before being sent to the client, which can improve performance, SEO, and accessibility, as the content is fully rendered and available to search engines and assistive technologies.

What is the role of file-based routing in Next.js?

File-based routing in Next.js allows the framework to automatically create routes based on the file structure within the 'pages' directory. This means that any file or directory added to the 'pages' directory automatically becomes a route in the application.

How does Next.js handle code splitting?

Next.js handles code splitting automatically by default. It splits the code into smaller chunks that are only loaded when needed, improving the initial load time and reducing the overall bundle size.

What is the advantage of using Next.js for SEO?

Using Next.js for SEO is advantageous because of its server-side rendering capabilities, which allow the framework to generate static HTML for each page, making it easier for search engines to crawl and index the content.

What is the role of the 'Nitro' server engine in Next.js?

The 'Nitro' server engine in Next.js is a high-performance server engine that powers Next.js applications. It is designed to handle server-side rendering and is optimized for performance, ensuring that Next.js applications are fast and responsive.

What is the significance of the 'zero-config' feature in Next.js for TypeScript?

The 'zero-config' feature in Next.js for TypeScript means that developers can start using TypeScript without having to configure it manually. Next.js automatically sets up the necessary configurations, allowing developers to focus on writing code rather than setup.

How does Next.js support modular development?

Next.js supports modular development by allowing the use of various modules and integrations provided by the community. It has a concept of 'app directories' that can be used to modularize code, and it also supports the use of third-party modules like Tailwind CSS and others without extensive configuration.

Outlines

00:00

🌐 Introduction to Next.js Framework

The speaker begins by introducing Next.js, an open-source framework that simplifies web development. They mention that Next.js is known as 'the intuitive view framework' and has moved away from using 'e' in its version 3, focusing simply on 'Next' as the brand name. The framework is designed to be intuitive and powerful for creating high-performance web applications and websites. The speaker highlights that Next.js is a view framework, complementing other frameworks like React, and that it comes with features like server-side rendering, file-based routing, and support for TypeScript, which is beneficial for developers due to its type safety and auto-suggestion features.

05:02

🛠️ Next.js Features and Automation

The speaker discusses the features of Next.js, emphasizing its automation and convention-based approach to web development. They explain that Next.js uses a file-based routing system, where the file structure determines the routing, making it intuitive and reducing the need for manual configuration. Additionally, Next.js supports code splitting, server-side rendering, and automatic imports, which streamline the development process. The framework also includes utilities for data fetching and has zero-config TypeScript support, allowing developers to use TypeScript without additional configuration. The speaker also touches on the framework's use of Vite.js as its bundler, which is a modern alternative to Webpack.

10:03

🚀 Next.js Server-Side Rendering and Performance

The speaker elaborates on Next.js's server-side rendering capabilities, which improve SEO and accessibility by pre-rendering pages on the server. They mention that this feature allows for better performance and reduces the client-side JavaScript load. Next.js also comes with built-in support for image optimization and other utilities that aid in the development process. The speaker introduces 'Nitro', Next.js's server engine, which is a high-performance tool developed by the Next.js team. They also discuss the framework's production-readiness, highlighting the various deployment options and presets available for different hosting services.

15:04

🔌 Modularity and Ecosystem of Next.js

The speaker talks about the modular nature of Next.js and its ecosystem, emphasizing the availability of numerous community-built modules that can be easily integrated into projects. They mention specific modules like Tailwind CSS and Next.js's built-in image optimization module. The speaker also discusses the core packages of Next.js, including its CLI tool 'Naki', and the server engine 'Nitro'. They highlight the framework's architecture, which includes a core package, a bundler, and development kits, allowing for a focused and efficient development experience.

Keywords

💡Next.js

Next.js is an open-source framework for building user interfaces and web applications. It is known for its intuitive and powerful features that simplify the development of web applications. In the video, Next.js is the main subject being discussed, highlighting its role as a modern framework for web development.

💡Intuitive

The term 'intuitive' refers to something that is easy to understand or use without much effort or experience. In the context of the video, Next.js is described as an intuitive framework, meaning that it provides a straightforward approach to building web applications, making it accessible to developers.

💡Framework

A framework in software development is a set of components or a platform that provides a foundation for creating applications. The video discusses Next.js as a framework that enhances web development by providing a structured and efficient way to build web applications.

💡TypeScript

TypeScript is a programming language that builds on JavaScript by adding static types. It is mentioned in the video as being natively supported by Next.js, which helps developers benefit from type safety and other features that improve code quality and maintainability.

💡Server-side rendering

Server-side rendering (SSR) is the process of generating HTML on the server before sending it to the client, which can improve performance and SEO. The video explains that Next.js supports SSR by default, allowing developers to leverage its benefits without additional configuration.

💡Hot Module Replacement (HMR)

Hot Module Replacement is a feature that allows developers to see changes in their code without reloading the page during development. The video script mentions HMR as one of the features of Next.js, which enhances the development experience by providing instant feedback on code changes.

💡Code splitting

Code splitting is a technique used in web development to split code into various bundles which can be loaded on demand. The video discusses how Next.js automatically performs code splitting, optimizing the loading of web applications by reducing the initial payload.

💡Automation

Automation in the context of the video refers to the automatic handling of certain development tasks by Next.js. For example, file-based routing and automatic imports are mentioned, which streamline the development process and allow developers to focus on writing application logic.

💡Convention over configuration

The phrase 'convention over configuration' suggests that a system is designed to follow certain best practices by default, reducing the need for extensive configuration. The video explains that Next.js adopts this approach, providing a set of conventions for directory structures and file naming that simplify the setup process.

💡Modular

Modular refers to the design principle of creating a system with interchangeable parts or modules. The video mentions that Next.js has a modular architecture, allowing developers to integrate various modules and extensions to enhance their applications without modifying the core system.

💡SEO

SEO stands for Search Engine Optimization, which is the process of improving a website's visibility on search engines. The video script discusses how server-side rendering in Next.js can improve SEO by allowing search engines to better index the content of web pages.

Highlights

Introduction to Next.js, an open-source framework for intuitive and powerful web development.

Next.js is a successor to React but does not require JavaScript, focusing on a more intuitive approach.

Next.js is designed to create high-performance web applications with a focus on developer experience.

The framework is intuitive and extendable, allowing for the creation of type-safe applications.

TypeScript is natively supported in Next.js, providing early error checking and auto-suggestions.

Hot Module Replacement (HMR) is available for an enjoyable development experience.

Server-side rendering is enabled by default in Next.js for improved SEO and performance.

Next.js uses conventions and opinions for directory structures to streamline the development process.

File-based routing simplifies the creation of URLs based on the file system.

Automatic code splitting is implemented to optimize the loading of web applications.

Support for server-side rendering enhances the accessibility and SEO of web applications.

Auto import feature reduces the complexity of importing functions and classes across files.

Data fetching utilities are built-in, simplifying the process of handling data retrieval.

Zero-config TypeScript support allows developers to use TypeScript without extensive configuration.

Next.js uses Vite.js as its bundler by default, offering faster development server and efficient production builds.

Server engine Nitro is used by Next.js for handling server-side operations efficiently.

Next.js is production-ready with various deployment options and presets available for different hosting services.

Modular architecture allows for easy integration with community-created modules and custom development.

Introduction to Next.js development kit for creating extensions and other development utilities.

Discussion on the core engine and the use of the 'next' command line interface for building and interacting with applications.

Exploration of the modular approach to themes, such as dark mode, in web application development with Next.js.

Transcripts

Oke asalamualaikum warahmatullahi

wabarakatuh balik lagi bersama saya di

sini alviandwi Nugraha di seri belajar

nakstri bahasa Indonesia so di episode

pertama ini kita akan belajar tentang

perkenalan Apa itu

nakstri so kita akan coba next ya Nah

pertama kali Eh sebelum memulai semuanya

adalah kita berkenalan dulu apa sih itu

next so kita coba ke website nya ya di

na.com kalau teman-teman menuju ke

nax.com di sini teman-teman akan

menemukan t yang gede banget yaitu the

intuitive view

Framework Framework itu e salah satu t

dari JS Ya udah dari n sebelumnya dan di

sini n mutuhkan memutuskan untuk ggak

pakai ini ya dia enggak pakai e e JS

lagi tapi benar-benar doang gitu jadi

meskipun kita nyebutnya di next versi 3

tapi di sini dia udah enggak pakai itu

jadi cuma next aja itu nama brandnya

sekarang ya ganti Nah selanjutnya adalah

di sini ada description ya NX is a open

source Framework that makes web

development intuitive and Powerful

create performance and production

grateful stack web apps and website with

confidence Jadi intinya adalah Apa itu

nnya next ini sebuah

eh open source famebx ya frameb untuk

memudahkan

kita mengembangkan sebuah web dengan

intuitif dan sangat powerful kenapa

seperti itu nanti kita jelasin ya

fitur-fiturnya

Nah dan yang perlu digarisb adalah next

itu adalah the intu Vi atau Vi atau

framewor jadi bisa dibilang dia dia itu

frame untuk untuk atau

untuk jadi kan kita k sebagai Frame ya

sedangkan next ini frameworknya view

jadi double-dble Framework ya di sini

jadi bisa dibilang next ini adalah eh

dia tuu kayak view kalau ini analogi

sederhana gua adalah next itu view yang

diberikan banyak Tambahan lagi untuk

kebetuhan m-evelop web karena kalau kita

m-evelop web itu enggak ada sekedar

tampilannya aja kan Tapi ada

servernya ada pertukaran datanya dan

sebagainya inilah KN hadir seperti

lanjutnya adalah apa fitur n

Mari kita coba cek dari website-nya

langsung ya kita ke get started di

bagian introduction kita akan coba baca

goal dari n ini adalah untuk membuat web

development secara intuitif dan

performance with a GD developer

experience in mind Oke jadi teman-teman

catat aja ya kan Nah ini yang e kita

coba bahas lagi no itu free karena dia

emang open source dan dia ini ini

intuitif and extendable way to create

type self nah ini adalah kunci juga e

untuk kita nanti ya karena di next itu

benar-benar dijaga e type save-nya ini

kalau teman-teman udah akrab dengan typ

script atau e pengembangan jadii

javascript ya itu benar-benar e di sini

benar-benar Enak banget ya kan karena e

kalau teman-teman tahu kan typ script

itu dibuat untuk eh kita sebagai

developer typ script itu tidak dibuat

untuk eh klien kita tapi digunakan untuk

mempermudah para developer yang

menggunakan javascript eh karena dia ada

tab safety-nya gitu ya Jadi kalau

teman-teman enggak tahu Tab itu apa itu

kayak apa ya Ketika teman-teman pakai

teks Editor terus teman-teman nulis

sesuatu kan itu biasanya ada auto

suggestion-nya ya Nah itu adalah salah

satu fitur dari eh Tab save juga jadi

nanti bakalan keluar suggestion-nya

kalau misalnya variabel ini string itu

udah keluar kayak gitu-gitu dan Kita

juga bisa mengecek eror secara Dini

berkat bantuan types ya karena kita tahu

kalau Oh variabel ini adalah string

misalnya yang gak boleh diisi selain

string Oh variabel ini number yang gak

boleh diisi selain angka gitu kan Nah

ini adalah tab saave ini nanti kita coba

bahas Nah selanjutnya adalah karena dia

memakai vigs tentunya

kita dibuat untuk menulis jadi

teman-teman bisa nulis view file from

the begin enjoy hot mod Replacement jadi

di juga udah ada hmrnya yang bagus

banget untuk development kita dan dia

sudah dan dia juga server rendering by

default ya by default nanti pres ini ada

server rendering ini juga nanti kita

bahas Nah selanjutnya kita coba bahas

fitur-fitur dasar yang ada di gitu ya

yang dihlight oleh yang pertama adalah

bagian automation and Convention di sini

next use convention and

repe jadi di

sini tim dari yang bikin itu mengklaim

bahwa mereka itu udah punya

conventionnya dia juga mereka juga punya

opinion

opinion atau opini untuk directory

struurnya yang mereka desain sedemikian

rupa mereka riset

untukom repe Jadi kalau ada beberapa

repetitif ya tindakan yang

berulang-berulang tuh biar enak gitu dan

di sini Mereka mengklaim bahwa allow

developer to focus jadi biar Para

pengembang seperti kita fokus untuk

mengerjakan fiturnya udah enggak mikirin

lagi struure directorynya atau

conventionnya atau convention itu kayak

apa ya kayak kayak ketetapan apa ya

kayak style peraturan untuk

nulis-nulisnya itu enggak kita perlu e

pikirin lagi kayak misalnya penamaan

folder harus gimana harus besar atau

gimana kita nyimpan file ini di mana

kayak gitu-gitu itu termasuk dari

convention

ya Nah selanjutnya ini adalah yang

diutomation oleh n apa aja yang pertama

adalah file base routing Eh ini adalah

salah satu fitur di Na dan aku rasa di

beberapa Framework sebelah juga kayak

gitu ya Jadi apapun yang kita tulis di

folder page itu nanti langsung jadi

routing kita jadi routing tu apa

routingnya kayak ini nih

n.com/documen/ getting started/

introduction nah ini ini termasuk root

ya jadi Eh misalnya nih kita punya

folder a di dalam folder a itu ada file

B nah itu sama n otomatis dibikin

routing jadi eh dari folder B terus di

dalamnya ada folder eh sori dari folder

dari file B yang ada di folder A itu

eh n akan otomatis membuatkan routingnya

menjadi SLB sori/ a/b jadi jadi nanti

teman-teman mengakses halaman itu itu

pakai SL a/b karena file B ada di folder

A jadi itu udah otomatis jadi itu kayak

kayak web web pada umumnya lah ya kayak

kita bikin web eh tradisional web kan

juga gitu kita bikin index.html eh atau

about.hxtml itu kan juga disimpan di

dalam folder maka Apa yang harus kita

akses melalui URL itu juga harus ee

sesuai dengan foldernya Nah itu sama di

juga seperti itu lalu ada kode splitting

jadi apapun yang kita tulis di itu

otomatis di e splitting code Jadi

teman-teman udah enggak perlu mikirin

cara ngoptimiz-nya lagi ya karena by

default ini udah dikerjain sama NX

selanjutnya adalah dia sudah support

server side

rendering Jadi kita gak perlu share up

server lagi teman-teman jadi nanti kita

akan bahas ya Dan ini serverver

rendering ya Jadi bukan hanya

e bukan hanya datanya dikelola melalui

server kayak kita biasanya kan terhubung

ke server pakai rful apa atau pakai

apalah gitu ya grabql atau apa Nah ini

server rendering enggak hanya pertukaran

datanya tapi halamannya ketika kita

akses itu juga dirender dulu di sisi

server baru ditaruh ke klien jadi e nuda

udah mendukung itu dan ini secara

default selanjutnya adalah auto import

beberapa Build in V GS eh dan nnya juga

itu udah Auto impimport teman-teman Jadi

teman-teman enggak usah mikirin lagi

cara ngeimpornya ya kalau teman-teman

bikin biasanya kan teman-teman bikin ee

di javascript itu kan kalau banyak

library banyak Eh kode splitting ya

Misalnya teman-teman eh fungsi ini

diletakkan di file ini fungsi ini D di

file ini itu kan ngeimpornya banyak

banget Tapi dix itu karena sudah ada

standarisasi directory structure dan itu

udah auto import Jadi teman-teman enggak

usah bingung-bingung langsung ee

import-import lagi karena sudah auto

impimport jadi teman-teman langsung

Tuliskan aja nama-nama function atau

class yang sudah di e tulis di file-file

lain ya selama mengikuti eh gu eh guide

dari directory structure di nax ini

selanjutnya adalah data fetching utility

ini sebenarnya udah mungkin di beberapa

frameb lain juga udah ada ya jadi n juga

menyediakan eh utilitas eh default untuk

men-handle data fetching jadi enggak

usah mikirin cara ng-fatching data lagi

karena sudah ada eh fungsi buildin-nya

ya yang dikasih nak Lalu ada Zero config

typ script support jadi teman-teman

kalau mau pakai typ script udah langsung

pakai aja enggak perlu ngatur-ngatur

lagi repot-repot ya Zero config ini

istilah untuk e kayak kita langsung

pakai aja enggak usah ribet-ribet itu

bisa langsung kita pakai tanpa harus

config ribet-ribetnya ya Meskipun kalau

teman-teman ingin yang lebih ini ya

tetap harus ng-config typ script-nya

juga gitu ya tapi ini secara default

Udah ada udah support gitu selanjutnya

adalah configurateolnya dia pakai vtjs

ya kalau Sebelumnya kan ada dia pakai

webpack tapi di n yang terbaru ini dia

udah pakai vtjs dan vtjs ini sebenarnya

dia juga udah dia support dua ya webpack

sama VT jadi teman-teman Terserah Tapi

secara default dia aktifnya pakai VT

gitu VT jsnya sebagai bundlernya dan ini

udah bukan hal yang wow ya karena

sekarang kita pasti udah pakai

buil tool atau bundler tool kayak vtjs

atau webp atau beberapa bundler lainnya

nah ini yang kita bahas sekarang yaitu

server rendering itu support server

rendering bahkan secara default dia

aktif sebagai server side

rendering

ya keuntungan kita pakai server

rendering adalah

ya karenaak semuaak semu komponen itu

dibuil di klien enggak Tapi diender dulu

di server baru dikasih ke klien

setengahnya selanjutnya adalah CEO ya

ini kalau kita ngdevelop web pasti nanti

kalau kita deploy ujung-ujungnya kita

repot sama CEO tapi di ini karena dia

udah server rendering ya kita bisa nulis

metadataadata untuk Set engine ya Set

engine optimiz jadi kita bisa e kalau

kita cuman pakai view JS aja kan dia gak

ada rendering ya jadi cuma klien doang

seo-nya juga enggak bisa jelek gitu ya

Tapi kalau pakai ini karena dia udah

server set rendering ya kita bisa taruh

metadatanya untuk dirender di server

jadinya eh se engine-nya lebih Oke jadi

kayak misalnya Google itu kalau

nge-scrap atau ngcrawler web kita jadi

lebih bagus lagi jadi web kita bisa

dengan mudah dan ini juga disediakan

utilitasnya bahkan sama jadi kita

tinggal pakai

aja mudah banget pokoknya selanjutnya

adalah better performance ini kayaknya

enggak usisa dibahas ya mungkin ya ini

bisa dibilang Ya biasalah ya E ini bukan

hal yang wow lagi di sini katanya dia

bisa ngreduce eh javascript karena tadi

kan diplit-sit Tuh jadinya apapun yang

dilakukan di klien itu katanya dia

enggak terlalu banyak jadi dia enggak

memberatkan

gitu dan dia juga punya better

accessibility karena karena dia kan

server rendering ya dia dirender dulu di

server jadinya itu ngimprove

accessibilitynya apalagi dengan orang

yang kebutuhan khusus nanti kita juga

bisa bahas lagi ya kalau teman-teman mau

ada eing juga

jadi beberapa halaman tuh udah di di

sisi server jadi gak semuanya kok

dirender men-men jadi misalnya ada 100

user nih satu halaman tadi yang dirender

Diver jugaak secara terusmenerus kok ada

berapa chating yang diterapkan oleh n

jadi teman-teman ggak perlu merasa Oh

bakal berat dong Enggak dia juga punya

mekanisme chating tersendiri seperti itu

Itulah server setnya ya Dan kita bahas

adalah server engine nah Karena kan dia

punya server set Sekarang kita akan cari

tahu next ini kan front endnya dia pakai

view nah dia punya server set itu dari

mana ternyata dia punya server

engine-nya dan di sini itu pakai server

engine nya itu Nitro namanya nah Nitro

ini kalau kita lihat dia itu libary yang

dibikin oleh tim NX juga dan Nitro ini

emang semacam e apa semacam tools server

engine gitu kayak Express JS atau apapun

itu gitulah untuk membuat server

engine-nya mereka gitu Dan nanti kita

juga kalau mau bikin apa juga bisa pakai

Nitro ini nanti ya itu nanti karena

Nitro ini secara default udah udah

melekat sama knx karena dia emang jadi

server engine-nya n dan BTW Nitro JS

juga ini bukan dia bukan Zero ini ya

tapi kalau kita lihat ternyata Nitro itu

pakai X3 X3 juga Sama ya dia dibuatnya

sama tim E N juga dari ini unjs nih bisa

lihat dan Nitro ada X3 jadi sama aja

exra ini versi minimalnya dari Nitro gu

Nah kita kita balik lagi di sini jadi by

default eh halaman nanti teman-teman

juga bakal dihandle sama Nitro terus

nanti kita ketika bikin rful F juga

nanti pakai nitle juga gitu Jadi kita

Tenang aja nanti kita bahas juga Sonya

adalah production ready e Timnas juga

udah mikirin production-nya dia udah

bikin cara ng-deploy banyak banget nih

teman-em bisa lihat ya Tinggal pilih aja

mau pakai deploy apa mereka udah

nyediain juga e cara-caranya tinggal

kita pilih sesuaikan dengan kebutuhan

kita nanti kita mau hosting di mana Itu

udah ada gitu ya di dipl pun Nah ini dia

juga udah nyediain preset-pretnya Kayak

misalnya di amplify netlify vers lain

yang terkenal nih gitu Ini aws Ya

amplify itu Nah selanjutnya adalah

modular y kita tahu bahwa next itu punya

keunggulan di ekosistemnya ya jadi next

itu punya eh modul modul konsepnya

sendiri jadi kalau teman-teman bisa

lihat di sini di integration di modul ya

di website-nya Nah di sini tersedia

banyak banget modul yang udah dibikin

oleh community dari NX jadi teman-teman

kalau mau misalnya pakai tilwin misalnya

ya ya ini kan salah satu

ee apa Atomic CSS yang target sekarang

ya pakai Twin CSS itu bisa ini udah

disediain teman-teman tinggal instal aja

ini modulnya tinggal dipakai kelar

teman-teman enggak usah ngeinstal atau

ngconfig Elwin dari awal lagi

berkali-kali itu enggak perlu karena di

next itu udah ada konsep modul ya dan

teman-teman juga bisa bikin modul

teman-teman sendiri nah ini enaknya NX

JS ya dia juga ada modul-modul yang

kayak image ini ya untuk melakukan

optimisasi banyak modul-modul yang

benar-benar ngebantu kita para developer

jadi kita fokus banget sama apa yang

kita kerjakan karena semua modul

beberapa Udah disiapin gitu ya Kal Dark

mode ini color mode buat ngatur tema di

web ya kalau teman-teman mau webnya

punya

tema itu modular ya selanjutnya adalah

ini arsitekturnya ya dia pakai core

engine-nya e ini Core Core package-nya

nanti teman-teman pasti akan berkenalan

ya Eh package dari cor-nya itu ya ya Na

itu sendiri terus bundlernya dia punya

dua Ya seperti yang gua bilang tadi dia

punya VT Builder sama wpack Builder

terus comand line-nya itu dia namanya

Naki jadi nanti kalau teman-teman e

nanti ada juga ini Naki itu kayak comon

l up interface-nya nak jadi udah

disediain kalau teman-teman mau

berinteraksi kayak ngeren e kayak ngbuil

apa itu bisa pakai ni ya Bahkan bisa

bikin beberapa nanti kita bahas ya

selanjnya server engine-nya pakai nitral

development kitnya itu pakai kit jadi

nanti kalau teman-teman ngdevelop kayak

extension dan lain sebagainya itu nanti

e pakai next kit ini gitu ya oke itu aja

introduction-nya ya teman-teman ya

lanjut ke bagian berikutnya ya

kita