PricingLoginStart free
Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) logo
TypeScriptWebTahap A1 → C222 bahasa

Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)

Kuasai pembangunan web tindanan penuh dengan Next.js 15, menggunakan Penghala Aplikasi dan Tindakan Pelayan untuk membina aplikasi berprestasi tinggi serta boleh diskalakan. Laluan pembelajaran CoddyKit yang merangkumi 22 kursus pendek dan 88 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
22
Pelajaran
88
Langkah interaktif
1,073
Percuma untuk bermula
Kursus 1
Kurikulum

22 kursus dalam laluan ini

Setiap kursus dalam laluan Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan), mengikut urutan pembelajaran. Kursus pertama adalah percuma.

1

A14 pelajaranPercuma

Mulakan dengan Next.js 15, fahami prinsip teras, penyediaan projek dan model penghalaan berasaskan sistem fail. Bina asas untuk membangunkan aplikasi web moden.

  1. 1Persediaan Projek & CLI
  2. 2Asas Penghalaan Sistem Fail
  3. 3Gambaran Keseluruhan Halaman & Reka Letak
  4. +1 lagi
Mula belajar secara percuma
2

A24 pelajaranPRO

Selami App Router yang berkuasa dan pelajari cara menstruktur aplikasi Anda dengan reka letak, halaman dan laluan dinamik. Terokai keadaan pemuatan dan pengendalian ralat dengan sempadan Suspense.

  1. 1Reka Letak dan Komponen Halaman
  2. 2Laluan Dinamik & Parameter
  3. 3UI Pemuatan & Ralat
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
3

B14 pelajaranPRO

Bina API REST dan penstriman gred produksi dengan Pengendali Laluan Next.js merentas masa jalan Node dan Edge.

  1. 1Mereka Bentuk Pengendali Laluan RESTful dengan API Permintaan Web
  2. 2Pertukaran antara Masa Jalan Node dan Edge
  3. 3Respons Penstriman dan ReadableStream dalam Pengendali
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
4

B14 pelajaranPRO

Kuasai corak borang Next.js moden yang menggabungkan Tindakan Pelayan, useFormStatus dan kemas kini optimistik.

  1. 1Peningkatan Progresif dengan Prop Tindakan Borang
  2. 2Keadaan Menunggu dan Memuat dengan useFormStatus
  3. 3Ralat Pengesahan Tahap Medan dengan useActionState
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
5

B14 pelajaranPRO

Kuasai perubahan paradigma React Server Components dan Client Components dalam Next.js 15. Fahami bila dan cara menggunakan setiap satunya untuk prestasi serta interaktiviti optimum.

  1. 1Memahami RSC & RCC
  2. 2Pengambilan Data dalam RSC
  3. 3Interaktiviti dengan RCC
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
6

B14 pelajaranPRO

Fahami corak pengurusan keadaan lanjutan dalam Next.js, termasuk memanfaatkan React Context, Zustand atau Jotai untuk keadaan global dan setempat.

  1. 1API Konteks React
  2. 2Keadaan Global dengan Zustand
  3. 3Mengurus Keadaan Pelayan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
7

B23 pelajaranPRO

Terokai pelbagai strategi pengambilan data dalam Next.js 15, termasuk pengambilan data bahagian pelayan untuk Server Components dan pengambilan di bahagian klien untuk UI interaktif.

  1. 1Pengambilan Data Bahagian Pelayan
  2. 2Pencagaran & Pengesahan Semula
  3. 3Pengambilan Data Selari, Berjujukan dan Berstrim
Mula belajar secara percumaDapatkan akses dengan PRO
8

B24 pelajaranPRO

Temui kehebatan Server Actions untuk mengendalikan mutasi bahagian pelayan terus daripada komponen klien Anda. Pelajari cara mencipta borang dan mengemas kini data dengan cekap.

  1. 1Borang Tindakan Pelayan Asas
  2. 2Mengubah Data & Pengesahan Semula
  3. 3Pengendalian Ralat dalam Tindakan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
9

B24 pelajaranPRO

Pelajari cara menyambungkan aplikasi full-stack Next.js Anda kepada pangkalan data. Kursus mini ini merangkumi penggunaan ORM seperti Prisma dan pelaksanaan operasi CRUD.

  1. 1Menyediakan Prisma ORM
  2. 2CRUD dengan Server Actions
  3. 3Migrasi Skema Pangkalan Data
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
10

B26 pelajaranPRO

Lindungi aplikasi Next.js Anda dengan melaksanakan strategi pengesahan dan kebenaran yang kukuh. Terokai pilihan seperti NextAuth.js atau penyelesaian tersuai.

  1. 1Mengintegrasikan NextAuth.js
  2. 2Pelaksanaan Strategi JWT
  3. 3Melindungi Laluan & Data
  4. +3 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
11

B24 pelajaranPRO

Pastikan kebolehpercayaan dan kebolehselenggaraan projek Next.js Anda dengan mempelajari pelbagai metodologi pengujian, daripada ujian unit hingga ujian hujung ke hujung.

  1. 1Pengujian Unit Komponen
  2. 2Pengujian Integrasi Halaman
  3. 3Ujian E2E dengan Playwright/Cypress
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
12

B24 pelajaranPRO

Lancarkan aplikasi full-stack Next.js Anda ke persekitaran produksi dan gunakan semua konsep yang dipelajari dengan membina projek dunia sebenar yang lengkap serta kompleks.

  1. 1Pelancaran ke Vercel
  2. 2Membina Aplikasi Fullstack
  3. 3Semakan Projek & Amalan Terbaik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
13

B24 pelajaranPRO

Fahami dan kawal empat lapisan pencachean Next.js untuk kesegaran data yang betul serta pantas.

  1. 1Empat Cache: Permintaan, Data, Laluan Penuh dan Penghala
  2. 2Strategi Pengesahan Semula Berasaskan Masa dan Atas Permintaan
  3. 3Pembatalan Berasaskan Tag untuk Mengosongkan Cache secara Terperinci
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
14

B24 pelajaranPRO

Hasilkan paparan pertama yang pantas dengan menstrim komponen pelayan dan menggunakan Prapaparan Separa.

  1. 1Sempadan Suspense dan Penstriman Tahap Komponen
  2. 2Mereka Bentuk loading.tsx dan Rangka yang Bermakna
  3. 3Prapemaparan Separa: Rangka Statik, Ruang Dinamik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
15

B24 pelajaranPRO

Bina aplikasi Next.js berbilang bahasa dengan penghalaan tempat, terjemahan dan metadata mesra SEO.

  1. 1Pengesanan Lokasi dan Penghalaan Sublaluan dengan Middleware
  2. 2Pemuatan Terjemahan Sisi Pelayan dan Katalog Mesej
  3. 3Metadata Setempat, Peta Laman dan hreflang
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
16

C13 pelajaranPRO

Tingkatkan kemahiran Server Actions Anda dengan melaksanakan kemas kini UI optimistik, mengendalikan data borang kompleks dan mengurus muat naik fail terus pada pelayan.

  1. 1Kemas Kini UI Optimistik
  2. 2Muat Naik Fail dengan Tindakan
  3. 3Pengesahan dan Pengendalian Ralat dalam Tindakan Pelayan
Mula belajar secara percumaDapatkan akses dengan PRO
17

C14 pelajaranPRO

Kuasai teknik untuk mengoptimumkan aplikasi Next.js Anda demi kelajuan dan pengalaman pengguna, termasuk pengoptimuman imej, fon dan himpunan.

  1. 1Pengoptimuman Imej & Fon
  2. 2Analisis Saiz Himpunan
  3. 3Strategi Caching Lanjutan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
18

C14 pelajaranPRO

Gabungkan reka letak kompleks dan aliran modal menggunakan slot selari serta pemintasan laluan.

  1. 1Laluan Selari dengan Slot Bernama dan Segmen Lalai
  2. 2Laluan Pintasan untuk Pengalaman Modal Dikongsi
  3. 3Pemaparan Slot Bersyarat untuk Papan Pemuka dan Tab
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
19

C14 pelajaranPRO

Tambahkan data langsung, kehadiran dan penstriman kecerdasan buatan ke Next.js menggunakan SSE, WebSockets dan perkhidmatan masa nyata luaran.

  1. 1Peristiwa Dihantar Pelayan daripada Pengendali Laluan
  2. 2Mengintegrasikan Perkhidmatan WebSocket dalam Dunia Tanpa Pelayan
  3. 3Menstrim Respons Kecerdasan Buatan Token demi Token
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
20

C14 pelajaranPRO

Lengkapkan aplikasi Next.js dengan pengelogan berstruktur, penjejakan dan pengendalian ralat berdaya tahan dalam produksi.

  1. 1Penjejakan OpenTelemetry dengan instrumentation.ts
  2. 2Sempadan error.tsx dan global-error Terperinci
  3. 3Pengelogan Berstruktur Merentas Pelayan dan Edge
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
21

C24 pelajaranPRO

Rancang SaaS Next.js berbilang penyewa yang selamat dengan penghalaan, pengasingan dan pengebilan setiap penyewa.

  1. 1Penyelesaian Penyewa Berasaskan Subdomain dan Laluan
  2. 2Corak Pengasingan Data Penyewa Tahap Baris
  3. 3Tema dan Bendera Ciri Mengikut Penyewa
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
22

C24 pelajaranPRO

Perah prestasi produksi daripada binaan Next.js melalui analisis himpunan, Turbopack dan strategi modul.

  1. 1Menganalisis dan Mengecilkan Himpunan Klien
  2. 2Menyelami Konfigurasi Turbopack dan Penyusun
  3. 3Sempadan Modul dengan server-only dan client-only
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
CoddyKit PRO

Dapatkan akses kepada kesemua 22 kursus dalam laluan ini dan semua laluan lain

Tutor AI, peperiksaan pensijilan dan sijil. Berfungsi di laman web, iOS dan Android.

Lihat semua pelan
Tahunan$29.90 / tahunKira-kira $2.49 sebulanBayar sekaliSeumur hidup$69.99 sekaliTiada pembaharuan. PRO selama-lamanya.
Gambaran Keseluruhan Kursus

Bina Aplikasi Web Bertaraf Produksi dengan Next.js 15

Next.js 15 ialah rangka kerja React yang digunakan dalam produksi oleh syarikat daripada pelbagai skala — ia menyediakan Penghala Aplikasi, Tindakan Pelayan dan Prajanaan Separa sebagai primitif kelas pertama, yang membolehkan satu pangkalan kod mengendalikan penghalaan, pengambilan data, pengesahan dan penggunaan tanpa memerlukan bahagian belakang berasingan. Laluan ini merangkumi semuanya, daripada laluan berasaskan fail pertama anda hingga mengendalikan SaaS berbilang penyewa pada skala besar.

Perkara yang Akan Anda Pelajari

Anda akan membina aplikasi menggunakan Penghala Aplikasi dari asas, membezakan Komponen Klien dan Komponen Pelayan serta mengetahui masa untuk menggunakan setiap satunya, menulis Pengendali Laluan dan titik akhir API yang sedia untuk pinggir, serta mengendalikan borang dengan pengesahan dan pengalaman pengguna optimistik. Pengambilan data, penyimpanan cache dan dalaman pengesahan semula dibincangkan secara mendalam bersama Tindakan Pelayan, integrasi pangkalan data serta pengesahan dan kebenaran. Kursus seterusnya membincangkan antara muka pengguna penstriman dengan Suspense dan Prajanaan Separa, pengantarabangsaan dan penghalaan setempat, aplikasi masa nyata dengan WebSockets, kebolehcerapan dan sempadan ralat, serta pengoptimuman himpunan melalui saluran paip binaan.

Laluan Pembelajaran

Dua puluh dua kursus bergerak dari tahap A1 hingga C2. Laluan ini bermula dengan Asas Next.js 15 dan Keperluan Penghala Aplikasi, berkembang melalui B1 dan B2 dengan Menguji Aplikasi Next.js, Dalaman Penyimpanan Cache & Pengesahan Semula dan Penggunaan & Projek Dunia Sebenar, kemudian maju pada tahap C1 kepada Tindakan Pelayan Lanjutan, Prestasi & Pengoptimuman dan Aplikasi Masa Nyata dengan Penstriman & WebSockets. Laluan ini berakhir pada tahap C2 dengan Seni Bina SaaS Berbilang Penyewa dan Saluran Paip Binaan & Pengoptimuman Himpunan.

Cara Kursus Ini Berfungsi

Setiap kursus dibahagikan kepada pelajaran pendek dan praktikal yang anda lengkapkan dalam penyunting terbina dalam dengan maklum balas masa nyata serta tutor AI yang tersedia apabila anda menghadapi kesukaran. Semua kod berjalan menggunakan Next.js 15 sebenar — tiada persekitaran mainan berkotak pasir.

Alat

Berlatih dengan AI, bukan sekadar membaca

Tingkatkan pembelajaran anda dengan alat dan ciri berkuasa AI

Penjana Kod AIJana kod menggunakan AIPembetulan Pepijat AICari dan baiki ralat kodPROWawasan AIAnalisis kod mendalamPROSembang AIBerbual dengan tutor AITanya Soalan SuperDapatkan jawapan bertaraf pakarPROCipta PelajaranPembina pelajaran berkuasa AIPROMulakan Peperiksaan PensijilanDapatkan sijil andaPROPenyunting KodTulis dan jalankan kodMulakan CabaranUji kemahiran anda

Cara Anda Belajar

  1. 01

    Pelajaran Interaktif

    Latihan pengekodan amali dengan maklum balas masa nyata

  2. 02

    Tutor AI

    Dapatkan bantuan segera daripada AI kami apabila anda buntu

  3. 03

    Penyunting Terbina Dalam

    Tulis dan jalankan kod terus dalam pelayar anda

  4. 04

    Sijil

    Dapatkan sijil selepas melengkapkan kursus

Terus meneroka

Laluan pembelajaran berkaitan

Next.js 15 Fullstack Web Apps logoAplikasi Web Fullstack Next.js 15Master building high-performance, fullstack web applications with Next.js 15, from founda…WebAssembly (WASM) for High Performance Apps logoWebAssembly (WASM) untuk Aplikasi Berprestasi TinggiMaster WebAssembly (WASM) to build lightning-fast, high-performance web and server-side a…Electron Desktop App Development logoPembangunan Aplikasi Desktop ElectronMaster the art of building powerful cross-platform desktop applications using web technol…Firebase Auth & Realtime Database Apps logoAplikasi Pengesahan Firebase dan Pangkalan Data Masa NyataMaster Firebase Authentication and Realtime Database to build scalable, secure, and dynam…Web Performance Optimization & Lighthouse logoPengoptimuman Prestasi Web & LighthouseMaster web performance optimization techniques and leverage Google Lighthouse to build li…Caching Strategies: Redis + CDN + Edge Computing logoStrategi Caching: Redis + CDN + Pengkomputeran PinggirMaster robust caching strategies using Redis, CDNs, and Edge Computing to build high-perf…
FAQ

Soalan Lazim

Adakah kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) percuma?

Ya. Anda boleh memulakan kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) secara percuma dan mengikuti pelajaran interaktifnya tanpa sebarang bayaran. Langganan PRO pilihan membuka akses kepada alat kecerdasan buatan lanjutan dan sijil yang boleh dikongsi.

Adakah saya memerlukan pengalaman terdahulu untuk mempelajari TypeScript?

Tidak. Kursus ini bermula dengan asas dan beralih secara beransur-ansur kepada topik yang lebih maju, jadi anda boleh bermula walaupun tanpa pengalaman terdahulu dalam TypeScript.

Bagaimanakah saya akan mempelajari TypeScript di CoddyKit?

Anda belajar melalui amali. Pelajaran interaktif yang ringkas menggabungkan penerangan yang jelas dengan latihan pengekodan praktikal yang berjalan dalam masa nyata, manakala tutor kecerdasan buatan 24/7 memberikan bantuan yang diperibadikan apabila anda menghadapi kesukaran.

Adakah saya mendapat sijil selepas menamatkan Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)?

Ya. Pelajar PRO boleh menduduki peperiksaan dan memperoleh sijil tamat kursus yang boleh dikongsi, lengkap dengan kod yang boleh disahkan untuk kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan).

Bolehkah saya mempelajari TypeScript melalui telefon saya?

Ya. CoddyKit tersedia di web dan sebagai aplikasi asli iOS serta Android, jadi anda boleh mempelajari TypeScript pada mana-mana peranti dan kemajuan anda disegerakkan merentas semua peranti.

Berapakah kos CoddyKit PRO?

Kursus pertama dalam Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) adalah percuma. CoddyKit PRO membuka akses kepada setiap kursus: $5.90 seminggu, $7.90 sebulan, $29.90 setahun atau $69.99 sekali untuk akses seumur hidup tanpa pembaharuan.

Berapa lama masa yang diperlukan untuk melengkapkan Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)?

Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) mempunyai 22 kursus dan 88 pelajaran. Kebanyakan pelajaran mengambil masa kira-kira 5–10 minit, jadi keseluruhan laluan ini memerlukan sekitar 10 jam latihan amali, mengikut rentak anda sendiri.

Mulakan Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) Sekarang

Sertai ribuan pelajar yang menguasai pengaturcaraan melalui pelajaran berkuasa kecerdasan buatan.

Mula belajar secara percumaSemak Semua Kursus