Netlify & Next.js

Cassidy Williams baru-baru ini menjalankan kempen blog sehari-hari di blog Netlify. Banyak catatan blog adalah mengenai Next.Js. Next.js mempunyai banyak yang akan dipuji. Saya mencuba projek pengenalan Cassidy yang tidak menarik. Ia telah bertindak balas cepat yang dibina, yang hebat. Saya getServerSideProps bahawa ia boleh getStaticProps dan digunakan pada mana -mana "halaman" untuk mengawal apa yang asalnya dalam fail .js . Ini adalah kali pertama saya mencuba Next.js, jadi tolong maafkan saya untuk asas -asas. Tetapi apa yang paling menarik tentang seterusnya.js untuk saya adalah bahawa ia dengan mudah menyokong proses rendering penuh. Ia menggalakkan anda melakukan rendering fail statik secara lalai (pintar), dan kemudian jika anda perlu melakukan penyerahan sisi pelayan (SSR), anda hanya perlu mengemas kini komponen halaman yang diberikan untuk memasukkan yang berikut:

 Eksport fungsi async geterversideProps () {
  // Dapatkan data dari luaran API Const Res = menunggu pengambilan (`https: //.../ data`);
  const data = menunggu res.json ();

  // lulus data ke halaman melalui props return {props: {data}};
}

Katakan anda melakukan SSR kerana anda perlu mengakses pelayan untuk mendapatkan data untuk menjadikan halaman tersebut, tetapi lebih suka membuat di sisi pelayan supaya halaman itu dapat menghasilkan dengan cepat dan tanpa JavaScript apabila diperlukan (yang sangat baik untuk SEO). Ini mengandaikan bahawa terdapat pelayan nod yang bersedia untuk melaksanakan kerja ini pada bila -bila masa. Pada Netlify, ini bermakna fungsi (nod lambda), tetapi anda tidak perlu memikirkannya, kerana anda hanya perlu menambah yang berikut dalam fail netlify.toml anda:

 [[plugin]]
  pakej = "@netlify/plugin-nextjs"

Sekarang anda boleh melakukan rendering statik di mana anda memerlukannya, penyampaian sisi pelayan di mana anda memerlukannya, tetapi anda juga tidak menyerah pada rendering klien, yang sangat cepat selepas laman web dilancarkan. Saya fikir ia melakukan beberapa pemindahan JSON atau rangka kerja rangka kerja lain di dalamnya.

Saya telah menyediakan laluan SSR yang cepat dari laman utama saya untuk ujian dan saya dengan jelas melihat bahawa kedua -dua laman utama saya (statik) dan /cool laluan (SSR) mengembalikan HTML statik apabila memuatkan.

Saya mengakui saya suka menggunakan React, dan Next.js adalah rangka kerja yang sangat bagus kerana ia mempunyai kesederhanaan dan fungsi yang hebat. Sangat mudah dijalankan di Netlify, yang hebat.

Atas ialah kandungan terperinci Netlify & Next.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!