Luar Biasa Berikutnya.js
Daftar sumber daya yang dikurasi: buku, video, artikel tentang penggunaan Next.js.
Next.js: Kerangka React.
Daftar terinspirasi oleh daftar yang mengagumkan. Anda mungkin juga menyukai awesome-tdd.
Isi
- Luar Biasa Berikutnya.js
- Isi
- Masyarakat
- Penting
- Artikel
- Pelat ketel
- Ekstensi
- Aplikasi
- Buku
- Video
- Proyek (Tingkat Pemula)
- Buletin
- Berkontribusi
- Lisensi
Masyarakat
- GitHub
- Diskusi GitHub untuk Next.js
Penting
- blog
- Mempelajari
- TV Vercel
- Antipeluru Berikutnya
Artikel
- Pembaruan Situs Instan dengan Validasi Ulang Sesuai Permintaan dan Directus
- Pengalihan Dinamis Berbasis CMS dengan Next.js
- Memulai dengan Next.js, GraphQL, dan React Query
- Menggunakan Next.js dengan FaunaDB: Cara Mengkueri Database dari Aplikasi Anda
- Cara Membuat Blog Next.js Tanpa Server dengan ButterCMS
- Bangun Aplikasi JavaScript Universal dengan Next.js
- Memulai Next.js — Menyiapkan Aplikasi Anda
- Memulai Next.js — Memasukkan Data
- Cara membuat Aplikasi Universal React Next.js
- Berikutnya di Next.js
- Terima pembayaran di situs Anda dengan nextjs, stripe, dan mikro
- Next.js di Cloud Functions untuk Firebase dengan Firebase Hosting
- Membangun Blog Dengan Next.js
- Menggunakan Google Analytics dengan Next.js
- Bangun Aplikasi JavaScript Universal dengan Next.js dan Redux [Bahasa Rusia]
- 5 (dari Banyak Alasan) untuk menyukai Next.js Vercel
- Next.js 5: Webpack Universal, Impor CSS, Plugin dan Zona
- Visualisasi data realtime menggunakan Next.js dan Chart.js
- Bangun aplikasi obrolan dengan analisis sentimen menggunakan Next.js
- Buat tabel waktu nyata dengan Next.js
- Blog SSR dengan Next.js dan Prismic.io
- SEO di Next.js dan Prismic
- SEO di Next.js dengan next-seo
- Berikutnya.js 7
- Buat situs web SSR Next.js menggunakan GraphQL dengan Postgres
- Memasak klon Deliveroo dengan Next.js (React), GraphQL, Strapi dan Stripe - Penyiapan (bagian 1/7)
- Tutorial E-commerce Next.js: Integrasi Keranjang Belanja Cepat
- Bekerja dengan Ghost dan Next.js
- Menggunakan Tailwind CSS dengan Next.js
- Menggunakan Bendera Fitur di Next.js
- Menambahkan cuplikan kode ke Next.js menggunakan penyorot sintaksis reaksi
- Bangun Situs Web/Aplikasi perusahaan dengan templat Next.js kami yang menakjubkan
- Menjamin pengiriman webhook di Aplikasi NextJS
- Membuat Buku Tamu Menggunakan ISR Sesuai Permintaan Next.js
- Template Admin yang berguna untuk membangun Situs Web/Aplikasi Anda
- Integrasikan aplikasi Berikutnya dengan Tailwind
Pelat ketel
- Templat Kaminari - Templat Next.js dan Tailwind CSS yang dikemas dengan kuat. Dibangun dengan mempertimbangkan pengalaman pengembang. Berisi konfigurasi Husky, CommitLint, Prettier, Eslint, dll.
- Blog Statis Next.js - Blog statis Next.js didukung oleh Cosmic Headless CMS
- Pemula Blog Bertenaga CMS Tanpa Kepala NextJS
- Aplikasi Next.js dengan AWS Lambda - Terapkan Aplikasi Next.js ke AWS Lambda menggunakan Apex Up.
- Nitro - Contoh PWA menggunakan Nextjs, Material-UI, TypeScript, dan Auth0?
- Templat Skrip Berikutnya & Sekarang 2.0 - Tanpa Server, Skrip Ketik, Jest, Github CI, SCSS, boilerplate yang lebih cantik
- Berikutnya Saat Ini - Boilerplate tingkat produksi yang fleksibel dengan Next.js 9 dan Vercel, dengan Sentry yang telah dikonfigurasi sebelumnya, cookie, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (tes E2E) dan CI/CD (GH Actions), dengan dukungan penuh TypeScript dan dukungan untuk aplikasi web multi-penyewa B2B (monorepo)
- Berikutnya Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + TypeScript + Boilplate Lebih Cantik & EsLint
- Templat Skrip Ketik Berikutnya & Vercel - Tanpa Server, Skrip Ketik, Jest, Github CI, SCSS, boilerplate yang lebih cantik
- NextJS di Firebase dengan Bootstrap - Hosting aplikasi NextJS dengan Bootstrap di Firebase dengan Cloud Functions.
- Next Simple Starter - Boilerplate PWA sederhana dengan Next.js dan Redux.
- NextJS Starter - Proyek pemula untuk Next.js dengan otentikasi email dan oAuth.
- nextjs-starter - Templat starter kit Next.js 10 yang Dioptimalkan SEO dengan React 17 + TypeScript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Passwordless Auth) menggunakan (NextAuth.js dan Fauna DB), ESLint, Prettier, Pre -melakukan hubungan dengan Husky. Dapat memiliki tata letak berbeda untuk halaman berbeda.
- LARI! - Boilerplate siap produksi dengan dukungan untuk GraphQL, SSR, Hot-reload, CSS-in-JS, caching, dan banyak lagi.
- Blog Sederhana Berikutnya - Blog sederhana berbasis penurunan harga yang dibuat dengan Next.js dengan ekspor statis.
- phox - Membuat blog foto statis.
- Next Express Bootstrap Boilerplate - Boilerplate untuk aplikasi tumpukan penuh yang dibuat menggunakan Next, Express, react-bootstrap, SCSS, dan SSR dengan eslint.
- Next Blog Firestore - Blog dengan CMS sederhana yang dibangun dengan Next.js, Firebase Firestore, styled-components dan mobx-state-tree.
- Pemula Redux Berikutnya - Pemula Next.js dengan Express, Redux, dan PostCSS.
- BerikutnyaJS Redux-Wrapper Material-UI - ? NextJS boilerplate dengan Redux dan Material UI.
- Mulai - ? Secara aktif memelihara pustaka komponen Next.js dan boilerplate minimal untuk memulai aplikasi dengan cepat dengan akun pengguna yang berfungsi berdasarkan Ooth.
- BerikutnyaJS TypeScript Starter Kit - ? TypeScript + NextJS, Styled-jsx, Redux, PostCSS, SEO yang dapat dikonfigurasi
- Boilerplate Berikutnya - CSS Eksternal dan Sass + Mengimpor gambar dari mana saja + Lebih cantik dan Eslint + Variabel lingkungan dan banyak lagi fitur lainnya.
- next-starter - Boilerplate lengkap dan sederhana dengan
sass (.scss)
dan postcss
bawaan. - Contoh TypeScript Monorepo Next - Next.js + TypeScript monorepo yang minimalis.
- tomimick/tm-nextjs-starter - Pemula/demo minimal dengan CRUD dasar, aksio/penyimpanan lokal, MobX, SASS, ekspor situs statis, demo langsung
- csprance/next-smrt - Boilerplate minimal dengan redux, komponen gaya, material-ui, dan skrip ketikan dengan server ekspres khusus.
- Nextron - Elektron dengan generator aplikasi Next.js ⚡
- next-boilerplate - Boilerplate Next.js siap produksi yang terstruktur dengan baik dengan TypeScript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle
- Oh My Fullstack - Kerangka aplikasi web tumpukan penuh (Next.js, Redux, RxJS, Immutable, Express)
- Next-Postgres-With-Typescript - Aplikasi web fullstack seperti forum dengan Next 7.0.2 + Sequelize 4/Postgres + TypeScript + Redux + Passport Local Auth + Emotion
- Next.js dengan Express dan Babel - Kerangka aplikasi untuk mereka yang ingin mentranspilasi kode Express dan Next.js mereka menggunakan Babel.
- next-postgres-graphql - Membuat situs web SSR Next.js menggunakan GraphQL dengan Postgres (Next.js, Postgres, GraphQL)
- nextjs-mongodb-app - Aplikasi lengkap yang dibuat dengan Next.JS dan MongoDB, dengan otentikasi dan banyak lagi (Next.js 9, MongoDB)
- react-next-boilerplate - Dasar untuk mengurangi konfigurasi proyek Anda dengan nextJS, praktik pengembangan terbaik, dan perpustakaan populer di komunitas pengembang.
- The-Nextjs-starter - skrip ketikan + redux + komponen gaya + perpustakaan pengujian-reaksi + eslint + fontawesome
- The Knests Stack - Boilerplate/hackathon starter tumpukan penuh dengan: PostgreSQL, Knex.js, NestJS, Next.js (tentu saja), GraphQL, React (dengan kait dan skrip ketikan), Material-UI, gambar multitahap Docker untuk, penulisan Docker, dan a Pipeline Gitlab CI/CD sepenuhnya dikonfigurasi.
- Devii - Pemula blog dev yang terinspirasi dari Medium yang dibuat dengan Next.js, React, dan TypeScript, dengan rendering Markdown, penyorotan sintaksis, tag SEO/meta, dan pembuatan umpan RSS secara langsung.
- Nextjs Blog Starter - Kode awal yang sempurna untuk blog Anda berdasarkan kerangka Next.js. ⚡️ Dibuat dengan Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
- Next.js dan Netlify Blogging Template - Boilerplate sempurna untuk membangun situs web blog di tumpukan Netlify dengan fitur standar seperti penandaan, CMS, dan kode pendek.
- Nextjs Apollo Nexus - Integrasi Client-Server GraphQL Apollo di Next.js dengan Skema Nexus (Pendekatan kode pertama).
- Berikutnyajs Pemula Merak - ? Pemula portofolio Nextjs yang cantik untuk insinyur dan desainer perangkat lunak untuk menunjukkan karya yang sangat mereka banggakan.
- Selanjutnya - ? Boilerplate multi-bahasa situs web statis dengan halaman dan navigasi yang dapat diedit pengguna menggunakan Netlify CMS + Next.js + SCSS + TypeScript.
- Generator peta situs untuk NextJS & StrAPI -? Server tambahan di ekspres yang berjalan bersama nextjs dan membuat ulang peta situs (dengan peta situs indeks) dan file robots.txt berdasarkan permintaan dari STR API.
- superplate - superplate membuat aplikasi Next.js dalam hitungan detik dengan TypeScript, komponen gaya, SWR, Buku Cerita, dan 35+ plugin.
- Hidrogen - Hidrogen adalah template starter blog Nextjs yang dibuat dengan dukungan tailwindCss dan MDX. Ia memiliki semua kode pendek MDX yang diperlukan.
- Next-Fire-Auth - Boilerplate mengagumkan untuk aplikasi startup dengan autentikasi menggunakan Next.js + TypeScript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
- Langganan NextJS Chargebee - Tumpukan T3 yang berfokus pada Chargebee yang mengintegrasikan Langganan Pengguna, Otentikasi, dan Pengujian. Didorong oleh Prisma ORM.
- Next.js Enterprise - boilerplate tingkat perusahaan untuk aplikasi berperforma tinggi dan dapat dipelihara. Dibuat dengan Tailwind CSS, RadixUI, TypeScript, dan lainnya.
- Mulai UI [web] - starter UI berpendirian dengan TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz
Ekstensi
- Detektor bahasa universal berikutnya - Detektor bahasa yang bekerja secara universal (browser + server) - Dimaksudkan untuk digunakan dengan kerangka kerja universal, seperti Next.js DEMO
- Rute Berikutnya - Rute bernama universal untuk Next.js.
- Next-Pkg - Server Next.js yang diperluas dengan dukungan pkg.
- Plugin Berikutnya Graphql - Plugin Next.js untuk file .graphql dan .gql menggunakan graphql-tag
- Berikutnya Dengan Apollo - Integrasi Apollo Graphql untuk Next.js
- SEO Berikutnya - SEO menjadi mudah untuk Next.js
- Peta Situs Berikutnya - Generator peta situs untuk Next.js
- Agen Pengguna Berikutnya - pengurai UserAgent untuk Next.js
- Cookie Berikutnya - Pustaka serializer dan deserializer cookie untuk Next.js.
- Nextein - Generator situs statis yang berbasis di Next.js.
- next-mdx-blog - Tambahkan blog dengan mudah ke proyek berbasis next.js
- next-i18next - Cara termudah untuk menerjemahkan aplikasi NextJs Anda.
- next-routes-middleware - Middleware perutean NextJS
- Plugin Serverless Framework untuk Next.js - Terapkan aplikasi tanpa server dengan mudah.
- Terraform For Next.js - Terapkan aplikasi Anda menggunakan Terraform
- sesi berikutnya - Middleware sesi untuk Next.js
- sesi besi berikutnya - Utilitas sesi tanpa status Next.js menggunakan cookie yang ditandatangani dan dienkripsi untuk menyimpan data
- PurgeCSS Berikutnya - Integrasikan Purgecss dengan mudah, yang membantu Anda menghapus CSS yang tidak digunakan dari bundel Anda.
- PWA Berikutnya - Plugin PWA konfigurasi nol untuk Next.js dengan kotak kerja
- flow-middleware - Jalankan middleware Express mana pun di Next.js tanpa mencemari objek asli.
- next-connect - Router dan lapisan middleware yang kompatibel dengan Express/Connect untuk Next.js.
- next-img - plugin untuk menyematkan gambar yang dioptimalkan dengan mudah.
- next-auth - Otentikasi mudah untuk Next.js dan Tanpa Server
- next-deploy - Penerapan yang mudah ke Halaman AWS dan GitHub.
- next-joi - Validasi Rute API Next.js, dengan joi .
- next-transpile-modules - Plugin Next.js untuk mentranspile kode dari node_modules. Berguna untuk monorepos.
- Destack for Next.js - Ekstensi Next.js untuk membuat halaman arahan secara lokal secara visual.
- UseSIWE - React hooks dan rute API Next.js yang membuatnya sangat mudah untuk menambahkan Masuk dengan Ethereum ke aplikasi Anda.
- Variabel Lingkungan Runtime untuk Next.js – Berhenti mengonfigurasi variabel ENV di CI/CD, gunakan pendekatan cloud-native.
- next-google-tag-manager – Tambahkan Google Tag Manager dengan mudah ke Next 13 dan yang lebih baru.
- next-api-decorators - Dekorator untuk membuat rute API Next.js yang diketik, dengan validasi dan transformasi permintaan yang mudah.
Aplikasi
- CourseLit - Alternatif sumber terbuka untuk Thinkific, Teachable, dll.
- Feednext - Aplikasi media sosial open source.
- NextJS GOT - Aplikasi Next.js sederhana yang menampilkan Karakter Game of Thrones.
- Berhubungan - Komunitas mindfulness - React, GraphQL, Next.js.
- Kata Sandi - Satu kata sandi, cara yang benar.
- Todos Berikutnya - Daftar Todo yang ditulis di Next.js.
- Berita Peretas - Berita Peretas Lainnya yang ditulis di Next.js.
- Obrolan Jet - Demo Obrolan yang didukung Jet dan Next.js.
- Nextgram - Contoh aplikasi Next.js v2 untuk memamerkan kemampuannya.
- Rauchg Blog - Blog yang dibuat oleh pengelola inti Next.js.
- JPH Berikutnya - Contoh aplikasi JsonPlaceholder yang dibuat dengan Next.js.
- Mailto - HTML mailto menjadi mudah.
- Plate - Aplikasi manajemen tugas untuk mengatur semuanya.
- Dasbor - Buat dasbor tim Anda sendiri dengan widget khusus.
- Snape - Klien torrent untuk mencari, streaming, dan mengunduh torrent.
- Trello Resume - Mengubah data trello menjadi informasi yang dibaca dengan cepat.
- Otentikasi Server dengan JWT - Otentikasi server, mencegah render sebelum validasi.
- Situs web Alexander Kachkaev – beranda pribadi yang dibuat dengan Next.js, GraphQL, Docker, dan Kubernetes. Menggunakan klien apollo, react-intl, komponen gaya, dan komposisi ulang. Gambar Docker secara otomatis dibuat oleh GitLab CI.
- Pengendali cookie dengan render server - Pengendali cookie dengan render server, akses cookie sebelum render.
- Gank - Aplikasi Next.js menggunakan gank-api, mobx dan antd
- Contoh CMS yang dipisahkan dengan GraphQL dan Next.js
- Rumah Mozilla VR - Rumah Mozilla VR
- Situs web Elton John - Situs Web Elton John
- Tempat Pasar Data IOTA - Tempat Pasar IOTA
- magicleap.com - Lompatan Ajaib
- Halaman Pencarian NPM.js - Halaman Pencarian NPM
- Pusat Sukses Docker - Pusat Sukses Docker
- Urteile & Gesetze - Sistem Informasi Hukum Jerman dengan lisensi GPLv3.
- Halaman Beranda TikTok - Halaman Beranda TikTok
- njt.now.sh - npm lompat ke ? (pintasan navigasi paket yang Anda impikan). Sebagian dirender secara statis, sebagian diterapkan sebagai lambda. Diperbarui secara otomatis pada setiap komitmen ke repo github, berkat integrasi Now.
- caseconverter.pro - Konverter kasus teks.
- Tottem - Manajer bookmark pada steroid yang dibuat dengan NextJs / Auth0 / Apollo Tools / Prisma2
- Peta TV Lambat - Cara menyenangkan untuk menemukan pengalaman virtual yang menenangkan. Next.js + Chakra UI + MySQL dihosting di Vercel.
- Klon Twitter - Klon Twitter dibuat dengan Next.js + T3 Stack + NextAuth + Supabase + Prisma.
- Taksonomi - Contoh aplikasi yang dibuat menggunakan komponen server Next.js 13.
- shadcn/ui - Komponen berdesain indah yang dapat Anda salin dan tempel ke aplikasi Anda.
- StorageBox - Layanan Penyimpanan File Sederhana yang Dibangun dengan Go dan Next.js.
Buku
- Hands On Next.js - Buku fullstack praktis tentang rendering universal (server) untuk aplikasi reaksi.
- Panduan Memulai Cepat Next.js - Membuat, membangun, dan menerapkan aplikasi JavaScript universal menggunakan Next.js
- Buku Panduan Next.js - Bangun aplikasi React frontend yang secara transparan menangani rendering sisi server untuk Anda.
- Aplikasi Web Tanpa Server dengan React dan Next.js - Gunakan fitur tanpa server Next.js untuk mengakses database dan mengautentikasi pengguna di aplikasi React Anda
- Potong Ke Jamstack: Bangun SaaS dengan React dan Next.js - Bangun aplikasi perangkat lunak sebagai layanan full-stack menggunakan Next.js, Prisma ORM, Cloudinary API, Chakra-UI, dan React Hook Form.
- Dunia Nyata Next.js - Bangun aplikasi web yang skalabel, berkinerja tinggi, dan modern menggunakan Next.js, kerangka kerja React untuk produksi
Video
- Buat aplikasi ReactJS pertama Anda dengan NextJS [Spanyol]
- Bereaksi Rendering Sisi Server dengan NextJS
- Guillermo Rauch - Next.js dengan Contoh
- Guillermo Rauch - Next.js: Universal React Menjadi Mudah dan Sederhana
- Pengantar Next.js
- Next.js dalam produksi
- Perutean Berparameter dengan Next.js
- Pahlawan JSH 2017 | Guillermo Rauch - Next.js Statis dan Dinamis
- Memprogram Masa Depan Universal dengan Next.js - Guillermo Rauch · JSConf China 2017
- BPJS: Khusus - Pengenalan Next.js
- Berikutnya untuk Next.js
- Manajemen Data Dengan Next.js dan GraphQL
- Next.js Daftarkan Pengguna
- Kursus Singkat Next.js - Reaksi Sisi Server
- Menguasai Next.js - 50+ kursus video pelajaran untuk membangun aplikasi dengan Next.js dan React.
- Tutorial Next.js - Tutorial Next.js yang mendalam.
- Next.js Conf 2020 - Semua video dari konferensi Next.js 2020
- Aplikasi pemesanan makanan lengkap dengan Hasura, Next.js, dan Vercel
- Bagaimana cara menggunakan Otentikasi Kredensial di Next.js dengan NextAuth?
Proyek (Tingkat Pemula)
- Klon Netflix Full Stack di React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
- Bangun dan Terapkan Situs Web 13 Berikutnya yang Modern Dengan Framer Motion & Tailwind CSS
- Proyek js 13 berikutnya - IMBb Clone - proyek js tailwind css berikutnya - proyek nextjs
- Proyek js 13 berikutnya - Google clone (next.js 13, tailwind css 3, api pencarian google, router aplikasi
- proyek js berikutnya - klon Twitter
- Bangun dan Terapkan: Klon TWITTER dengan React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
- Tutorial NextJS 13: Membuat Blog Statis dari File Markdown
- Klon Airbnb Full Stack dengan Router Aplikasi Next.js 13: React, Tailwind, Prisma, MongoDB, NextAuth 2023
- Klon Messenger Waktu Nyata: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)
- Klon Spotify Tumpukan Penuh: Berikutnya 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)
- E-Commerce + Dasbor & CMS Full Stack: Next.js 13 Router Aplikasi, React, Tailwind, Prisma, MySQL, 2023
Buletin
- Berita Next.js - Buletin Next.js Bulanan yang menampilkan fitur baru dan yang akan datang, artikel, alat, dan plugin terbaik.
- Catatan Next.js - Berita bulanan Next.js dan platform JavaScript.
Berkontribusi
Menemukan paket, artikel, blog, video, dll. yang mengagumkan? Kirimi saya permintaan tarik! Ikuti saja panduannya. Terima kasih!
Kunjungi blog saya atau sapa di Twitter.
Lisensi