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!

CSS Grid adalah alat yang berkuasa untuk mewujudkan susun atur web yang rumit dan responsif. Ia memudahkan reka bentuk, meningkatkan kebolehcapaian, dan menawarkan lebih banyak kawalan daripada kaedah yang lebih lama.

Artikel membincangkan CSS Flexbox, kaedah susun atur untuk penjajaran yang cekap dan pengedaran ruang dalam reka bentuk responsif. Ia menerangkan penggunaan Flexbox, membandingkannya dengan grid CSS, dan butiran sokongan penyemak imbas.

Artikel ini membincangkan teknik untuk membuat laman web responsif menggunakan CSS, termasuk tag Meta Viewport, grid fleksibel, media cecair, pertanyaan media, dan unit relatif. Ia juga meliputi menggunakan grid CSS dan Flexbox bersama -sama dan mengesyorkan rangka kerja CSS

Artikel ini membincangkan harta saiz kotak CSS, yang mengawal bagaimana dimensi elemen dikira. Ia menerangkan nilai seperti kotak kandungan, kotak sempadan, dan kotak padding, dan kesannya terhadap reka bentuk susun atur dan penjajaran bentuk.

Artikel membincangkan membuat animasi menggunakan CSS, sifat utama, dan menggabungkan dengan JavaScript. Isu utama adalah keserasian penyemak imbas.

Artikel membincangkan menggunakan CSS untuk transformasi 3D, sifat utama, keserasian penyemak imbas, dan pertimbangan prestasi untuk projek web. (Kira -kira aksara: 159)

Artikel ini membincangkan menggunakan kecerunan CSS (linear, radial, mengulangi) untuk meningkatkan visual laman web, menambah kedalaman, fokus, dan estetika moden.

Artikel membincangkan unsur-unsur pseudo dalam CSS, penggunaannya dalam meningkatkan gaya HTML, dan perbezaan dari kelas pseudo. Menyediakan contoh praktikal.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.
