หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

สุดยอด Next.js

รายการทรัพยากรที่คัดสรรแล้ว: หนังสือ วิดีโอ บทความเกี่ยวกับการใช้ Next.js

Next.js: กรอบการตอบสนอง

รายการที่ได้รับแรงบันดาลใจจากรายการที่ยอดเยี่ยม คุณอาจชอบ Awesome-tdd

สารบัญ

  • สุดยอด Next.js
    • สารบัญ
    • ชุมชน
    • สิ่งจำเป็น
    • บทความ
    • หม้อต้ม
    • ส่วนขยาย
    • แอพ
    • หนังสือ
    • วิดีโอ
    • โครงการ (ระดับเริ่มต้น)
    • จดหมายข่าว
    • มีส่วนร่วม
    • ใบอนุญาต

ชุมชน

  • GitHub
  • การสนทนา GitHub สำหรับ Next.js

สิ่งจำเป็น

  • บล็อก
  • เรียนรู้
  • เวอร์เซลทีวี
  • กันกระสุนต่อไป

บทความ

  • อัปเดตไซต์ทันทีด้วยการตรวจสอบความถูกต้องและ Directus ตามความต้องการ
  • การเปลี่ยนเส้นทางที่ขับเคลื่อนด้วย CMS แบบไดนามิกด้วย Next.js
  • เริ่มต้นใช้งาน Next.js, GraphQL และ React Query
  • การใช้ Next.js กับ FaunaDB: วิธีสืบค้นฐานข้อมูลจากแอปของคุณ
  • วิธีสร้างบล็อก Next.js แบบไร้เซิร์ฟเวอร์ด้วย ButterCMS
  • สร้างแอป Universal JavaScript ด้วย Next.js
  • เริ่มต้นใช้งาน Next.js — การตั้งค่าแอปของคุณ
  • เริ่มต้นใช้งาน Next.js — การนำข้อมูลเข้ามา
  • วิธีสร้าง Next.js React Universal App
  • ถัดไปใน Next.js
  • รับชำระเงินบนเว็บไซต์ของคุณด้วย nextjs, stripe และ micro
  • Next.js บนฟังก์ชั่นคลาวด์สำหรับ Firebase พร้อมโฮสติ้ง Firebase
  • สร้างบล็อกด้วย Next.js
  • การใช้ Google Analytics กับ Next.js
  • สร้างแอป Universal JavaScript ด้วย Next.js และ Redux [ภาษารัสเซีย]
  • 5 (จากหลายเหตุผล) ที่จะรัก Next.js ของ Vercel
  • Next.js 5: Universal Webpack, การนำเข้า CSS, ปลั๊กอินและโซน
  • การสร้างภาพข้อมูลแบบเรียลไทม์โดยใช้ Next.js และ Chart.js
  • สร้างแอปแชทพร้อมการวิเคราะห์ความรู้สึกโดยใช้ Next.js
  • สร้างตารางเรียลไทม์ด้วย Next.js
  • บล็อก SSR พร้อม Next.js และ Prismic.io
  • SEO ใน Next.js และ Prismic
  • SEO ใน Next.js ด้วย next-seo
  • เน็กซ์.เจส 7
  • สร้างเว็บไซต์ SSR Next.js โดยใช้ GraphQL กับ Postgres
  • การทำอาหารโคลน Deliveroo ด้วย Next.js (React), GraphQL, Strapi และ Stripe - การตั้งค่า (ตอนที่ 1/7)
  • บทช่วยสอนอีคอมเมิร์ซ Next.js: การรวมตะกร้าสินค้าด่วน
  • การทำงานกับ Ghost และ Next.js
  • การใช้ Tailwind CSS กับ Next.js
  • การใช้ฟีเจอร์แฟล็กใน Next.js
  • การเพิ่มข้อมูลโค้ดลงใน Next.js โดยใช้ react-syntax-highlighter
  • สร้างเว็บไซต์/แอปของบริษัทด้วยเทมเพลต Next.js อันน่าทึ่งของเรา
  • รับประกันการจัดส่ง webhook ในแอปพลิเคชัน NextJS
  • การสร้างสมุดเยี่ยมชมโดยใช้ ISR ตามความต้องการของ Next.js
  • เทมเพลตผู้ดูแลระบบที่เป็นประโยชน์ในการสร้างเว็บไซต์/แอปของคุณ
  • ผสานรวมแอป Next เข้ากับ Tailwind

หม้อต้ม

  • เทมเพลต Kaminari - เทมเพลต Next.js และ Tailwind CSS ที่อัดแน่นไปด้วยพลัง สร้างขึ้นโดยคำนึงถึงประสบการณ์ของนักพัฒนาซอฟต์แวร์ ประกอบด้วยการกำหนดค่า Husky, CommitLint, Prettier, Eslint ฯลฯ
  • บล็อกคงที่ Next.js - บล็อกคงที่ Next.js ขับเคลื่อนโดย Cosmic Headless CMS
  • NextJS Headless CMS ขับเคลื่อนบล็อกเริ่มต้น
  • แอป Next.js พร้อม AWS Lambda - ปรับใช้แอป Next.js กับ AWS Lambda โดยใช้ Apex Up
  • Nitro - ตัวอย่างของ PWA ที่ใช้ Nextjs, Material-UI, Typescript และ Auth0
  • เทมเพลต Typescript ถัดไป & ตอนนี้ 2.0 - Serverless, Typescript, Jest, Github CI, SCSS, สำเร็จรูปที่สวยกว่า
  • ถัดไปทันที - ต้นแบบเกรดการผลิต ที่ยืดหยุ่นด้วย Next.js 9 และ Vercel พร้อมด้วย Sentry, คุกกี้, Amplitude, Emotion, FontAwesome, GraphQL/GraphCMS (Apollo), Bootstrap (Reactstrap), i18next (Locize), Jest, Cypress (การทดสอบ E2E) และ CI/CD (การดำเนินการ GH) พร้อมการสนับสนุน TypeScript เต็มรูปแบบและ การสนับสนุนเว็บแอป B2B ที่มีผู้เช่าหลายราย (โมโนเรโป)
  • ถัดไป Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + typescript + Prettier & EsLint สำเร็จรูป
  • เทมเพลต Next & Vercel Typescript - Serverless, Typescript, Jest, Github CI, SCSS, สำเร็จรูปที่สวยกว่า
  • NextJS ใน Firebase พร้อม Bootstrap - โฮสต์แอป NextJS ด้วย Bootstrap ใน Firebase พร้อมฟังก์ชั่นคลาวด์
  • Next Simple Starter - ต้นแบบ PWA อย่างง่ายพร้อม Next.js และ Redux
  • NextJS Starter - โครงการเริ่มต้นสำหรับ Next.js พร้อมด้วยการตรวจสอบสิทธิ์อีเมลและ oAuth
  • nextjs-starter - เทมเพลตชุดเริ่มต้น Next.js 10 ที่ปรับให้เหมาะสม SEO พร้อม React 17 + Typescript + Tailwind CSS 2 + React Query 3 + (GitHub Auth + Auth แบบไม่ใช้รหัสผ่าน) โดยใช้ (NextAuth.js และ Fauna DB), ESLint, Prettier, Pre -ผูกเบ็ดกับฮัสกี้ สามารถมีเลย์เอาต์ที่แตกต่างกันสำหรับเพจต่างๆ
  • วิ่ง! - ต้นแบบที่พร้อมสำหรับการผลิตพร้อมรองรับ GraphQL, SSR, Hot-reload, CSS-in-JS, แคช และอื่นๆ
  • Next Simple Blog - บล็อกที่ใช้ Markdown อย่างง่ายที่สร้างด้วย Next.js พร้อมการส่งออกแบบคงที่
  • phox - สร้างบล็อกรูปภาพแบบคงที่
  • Next Express Bootstrap Boilerplate - บอยเลอร์เพลทสำหรับแอปสแต็กเต็มรูปแบบที่สร้างโดยใช้ Next, Express, react-bootstrap, SCSS และ SSR พร้อม eslint
  • Next Blog Firestore - บล็อกที่มี CMS แบบธรรมดาที่สร้างด้วย Next.js, Firebase Firestore, styled-components และ mobx-state-tree
  • Next Redux Starter - สตาร์ทเตอร์ Next.js พร้อม Express, Redux และ PostCSS
  • ต่อไปJS Redux-Wrapper Material-UI - ? NextJS สำเร็จรูปพร้อม Redux และ Material UI
  • สตาร์ต - ? บำรุงรักษาไลบรารีส่วนประกอบ Next.js อย่างแข็งขัน และ ต้นแบบขั้นต่ำเพื่อให้สามารถเริ่มต้นใช้งานแอปได้อย่างรวดเร็วด้วยบัญชีผู้ใช้ที่ใช้งานได้ตาม Ooth
  • ชุดเริ่มต้น NextJS TypeScript - ? TypeScript + NextJS, Styled-jsx, Redux, PostCSS, SEO ที่กำหนดค่าได้
  • Boilerplate ถัดไป - CSS ภายนอกและ Sass + การนำเข้ารูปภาพจากทุกที่ + Prettier และ Eslint + ตัวแปรสภาพแวดล้อมและคุณสมบัติอื่น ๆ อีกมากมาย
  • next-starter - ต้นแบบที่สมบูรณ์และเรียบง่ายพร้อม sass (.scss) และ postcss ในตัว
  • Typescript Monorepo Next Example - เรียบง่าย next.js + typescript monorepo
  • tomimick/tm-nextjs-starter - เริ่มต้น/สาธิตขั้นต่ำด้วย CRUD พื้นฐาน, axios/localstorage, MobX, SASS, ส่งออกไซต์แบบคงที่, การสาธิตสด
  • csprance/next-smrt - ต้นแบบขั้นต่ำที่มี redux, ส่วนประกอบที่มีสไตล์, วัสดุ-ui และ typescript พร้อมเซิร์ฟเวอร์ด่วนที่กำหนดเอง
  • Nextron - ตัวสร้างแอปอิเล็กตรอนพร้อม Next.js ⚡
  • next-boilerplate - การผลิตที่มีโครงสร้างอย่างดีพร้อมต้นแบบ Next.js พร้อม Typescript, Redux, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle
  • Oh My Fullstack - โครงกระดูกแอปพลิเคชันเว็บแบบเต็ม (Next.js, Redux, RxJS, ไม่เปลี่ยนรูป, Express)
  • Next-Postgres-With-Typescript - เว็บแอป fullstack ที่เหมือนฟอรัมพร้อม Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion
  • Next.js พร้อม Express และ Babel - โครงสร้างแอปพลิเคชันสำหรับผู้ที่ต้องการแปลง Express รวมถึงโค้ด Next.js โดยใช้ Babel
  • next-postgres-graphql - สร้างเว็บไซต์ SSR Next.js โดยใช้ GraphQL กับ Postgres (Next.js, Postgres, GraphQL)
  • nextjs-mongodb-app - แอพเต็มรูปแบบที่สร้างด้วย Next.JS และ MongoDB พร้อมการรับรองความถูกต้องและอีกมากมาย (Next.js 9, MongoDB)
  • react-next-boilerplate - พื้นฐานสำหรับการลดการกำหนดค่าโปรเจ็กต์ของคุณด้วย nextJS แนวปฏิบัติในการพัฒนาที่ดีที่สุด และไลบรารียอดนิยมในชุมชนนักพัฒนา
  • The-Nextjs-starter - typescript + redux + styled-components + react-testing-library + eslint + Fontawesome
  • The Knest Stack - สตาร์ทเตอร์แบบสำเร็จรูป/แฮ็กกาธอนแบบสแต็กเต็มรูปแบบด้วย: PostgreSQL, Knex.js, NestJS, Next.js (ชัดแจ้ง), GraphQL, React (พร้อม hooks และ typescript), Material-UI, รูปภาพหลายขั้นตอนของ Docker สำหรับ, Docker compose และ a ไปป์ไลน์ Gitlab CI/CD ได้รับการกำหนดค่าอย่างสมบูรณ์
  • Devii - บล็อกเริ่มต้น dev ที่ได้รับแรงบันดาลใจจากสื่อที่สร้างขึ้นด้วย Next.js, React และ TypeScript พร้อมการเรนเดอร์ Markdown, การเน้นไวยากรณ์, แท็ก SEO / เมตาและการสร้างฟีด RSS ทันที
  • Nextjs Blog Starter - โค้ดเริ่มต้นที่สมบูรณ์แบบสำหรับบล็อกของคุณตามกรอบงาน Next.js ⚡️ สร้างด้วย Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS
  • Next.js และเทมเพลตบล็อก Netlify - ต้นแบบที่สมบูรณ์แบบสำหรับการสร้างเว็บไซต์บล็อกบน Netlify สแต็กพร้อมฟีเจอร์มาตรฐาน เช่น การแท็ก CMS และรหัสย่อ
  • Nextjs Apollo Nexus - การรวม GraphQL Apollo Client-Server ใน Next.js กับ Nexus Schema (แนวทางแรกของโค้ด)
  • Nextjs Starter นกยูง - ? ผลงานเริ่มต้นที่สวยงามของ Nextjs สำหรับวิศวกรซอฟต์แวร์และนักออกแบบเพื่อแสดงผลงานที่พวกเขาภูมิใจมาก
  • เน็กซ์ติค - ? เว็บไซต์สำเร็จรูปหลายภาษาแบบคงที่พร้อมหน้าที่ผู้ใช้แก้ไขได้และการนำทางโดยใช้ Netlify CMS + Next.js + SCSS + Typescript
  • ตัวสร้างแผนผังเว็บไซต์สำหรับ NextJS & StrAPI - ? เซิร์ฟเวอร์เพิ่มเติมบน Express ที่ทำงานควบคู่ไปกับ Nextjs และสร้างแผนผังไซต์ใหม่ (พร้อมแผนผังไซต์ดัชนี) และไฟล์ robots.txt ตามคำขอจาก STR API
  • superplate - superplate สร้างแอป Next.js ในไม่กี่วินาทีด้วย TypeScript, ส่วนประกอบที่มีสไตล์, SWR, Storybook และปลั๊กอิน 35+
  • ไฮโดรเจน - ไฮโดรเจนเป็นเทมเพลตเริ่มต้นบล็อก Nextjs ที่รองรับ tailwindCss และ MDX มีรหัสย่อ MDX ที่จำเป็นทั้งหมดทันที
  • Next-Fire-Auth - ต้นแบบที่ยอดเยี่ยมสำหรับแอปพลิเคชันเริ่มต้นพร้อมการรับรองความถูกต้องโดยใช้ Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks
  • การสมัครสมาชิก NextJS Chargebee - Chargebee เน้น T3 Stack ที่รวมการสมัครสมาชิกผู้ใช้ การตรวจสอบสิทธิ์ และการทดสอบ ขับเคลื่อนโดย Prisma ORM
  • Next.js Enterprise - ต้นแบบระดับองค์กรสำหรับแอปประสิทธิภาพสูงและบำรุงรักษาได้ สร้างด้วย Tailwind CSS, RadixUI, TypeScript และอื่นๆ
  • เริ่ม UI [เว็บ] - ตัวเริ่มต้น UI ที่ดื้อรั้นด้วย TypeScript, React, NextJS, Chakra UI, tRPC, Prisma, TanStack Query, Storybook, Playwright, Formiz

ส่วนขยาย

  • ตัวตรวจจับภาษาสากลถัดไป - ตัวตรวจจับภาษาที่ทำงานในระดับสากล (เบราว์เซอร์ + เซิร์ฟเวอร์) - มีไว้สำหรับใช้กับเฟรมเวิร์กสากล เช่น Next.js DEMO
  • เส้นทางถัดไป - เส้นทางที่มีชื่อสากลสำหรับ Next.js
  • Next-Pkg - เซิร์ฟเวอร์ขยาย Next.js พร้อมรองรับ pkg
  • ปลั๊กอินถัดไป Graphql - ปลั๊กอิน Next.js สำหรับไฟล์ .graphql และ .gql โดยใช้ graphql-tag
  • ถัดไปด้วย Apollo - การรวม Apollo Graphql สำหรับ Next.js
  • Next SEO - SEO ทำได้ง่ายสำหรับ Next.js
  • Next-Sitemap - เครื่องมือสร้างแผนผังเว็บไซต์สำหรับ Next.js
  • Next UserAgent - ตัวแยกวิเคราะห์ UserAgent สำหรับ Next.js
  • คุกกี้ถัดไป - คุกกี้ซีเรียลไลเซอร์และไลบรารีดีซีเรียลไลเซอร์สำหรับ Next.js
  • Nextein - เครื่องมือสร้างไซต์คงที่ใน Next.js
  • next-mdx-blog - เพิ่มบล็อกลงในโครงการที่ใช้ next.js ได้อย่างง่ายดาย
  • next-i18next - วิธีที่ง่ายที่สุดในการแปลแอป NextJs ของคุณ
  • next-routes-middleware - มิดเดิลแวร์การกำหนดเส้นทาง NextJS
  • ปลั๊กอิน Serverless Framework สำหรับ Next.js - ปรับใช้แอปพลิเคชันแบบไร้เซิร์ฟเวอร์ได้อย่างง่ายดาย
  • Terraform For Next.js - ปรับใช้แอปพลิเคชันของคุณโดยใช้ Terraform
  • เซสชันถัดไป - มิดเดิลแวร์เซสชันสำหรับ Next.js
  • next-iron-session - ยูทิลิตี้เซสชันไร้สัญชาติ Next.js โดยใช้คุกกี้ที่ลงนามและเข้ารหัสเพื่อจัดเก็บข้อมูล
  • Next PurgeCSS - ผสานรวม Purgecss ได้อย่างง่ายดาย ซึ่งช่วยให้คุณลบ CSS ที่ไม่ได้ใช้ออกจากชุดข้อมูลของคุณ
  • PWA ถัดไป - ปลั๊กอิน PWA กำหนดค่าเป็นศูนย์สำหรับ Next.js พร้อมกล่องงาน
  • flow-middleware - เรียกใช้มิดเดิลแวร์ Express ใดๆ บน Next.js โดยไม่กระทบต่อวัตถุดั้งเดิม
  • การเชื่อมต่อถัดไป - เราเตอร์และเลเยอร์มิดเดิลแวร์ที่รองรับ Express/Connect สำหรับ Next.js
  • next-img - ปลั๊กอินสำหรับการฝังภาพที่ปรับให้เหมาะสมอย่างง่ายดาย
  • next-auth - การรับรองความถูกต้องอย่างง่ายสำหรับ Next.js และ Serverless
  • การปรับใช้ครั้งต่อไป - การปรับใช้อย่างง่ายดายกับหน้า AWS และ GitHub
  • next-joi - ตรวจสอบเส้นทาง API ของ Next.js ด้วย joi
  • next-transpile-modules - ปลั๊กอิน Next.js เพื่อแปลงโค้ดจาก node_modules มีประโยชน์สำหรับ monorepos
  • Destack สำหรับ Next.js - ส่วนขยาย Next.js เพื่อสร้างหน้า Landing Page แบบเห็นภาพในเครื่อง
  • UseSIWE - React hooks และเส้นทาง Next.js API ที่ทำให้การเพิ่มการลงชื่อเข้าใช้ด้วย Ethereum ลงในแอปของคุณเป็นเรื่องง่ายมาก
  • ตัวแปรสภาพแวดล้อมรันไทม์สำหรับ Next.js – หยุดการกำหนดค่าตัวแปร ENV ใน CI/CD ใช้วิธีการแบบคลาวด์เนทีฟ
  • next-google-tag-manager – เพิ่ม Google Tag Manager ใน Next 13 ขึ้นไปได้อย่างง่ายดาย
  • next-api-decorators - ผู้ตกแต่งเพื่อสร้างเส้นทาง API ของ Next.js ที่พิมพ์ พร้อมการตรวจสอบและการเปลี่ยนแปลงคำขอที่ง่ายดาย

แอพ

  • CourseLit - ทางเลือกโอเพ่นซอร์สสำหรับ Thinkific, Teachable ฯลฯ
  • Feednext - แอปพลิเคชั่นโซเชียลมีเดียโอเพ่นซอร์ส
  • NextJS GOT - แอปพลิเคชั่น Next.js ง่าย ๆ ที่นำเสนอตัวละคร Game of Thrones
  • เกี่ยวข้อง - ชุมชนสติ - React, GraphQL, Next.js
  • รหัสผ่าน - รหัสผ่านเดียวถูกทาง
  • สิ่งที่ต้องทำถัดไป - รายการสิ่งที่ต้องทำที่เขียนใน Next.js
  • Hacker News - ข่าวแฮ็กเกอร์อื่นที่เขียนใน Next.js
  • Jet Chat - การสาธิตการแชทที่ขับเคลื่อนด้วย Jet และ Next.js
  • Nextgram - ตัวอย่างแอป Next.js v2 เพื่อแสดงความสามารถ
  • Rauchg Blog - บล็อกที่สร้างโดยผู้ดูแลหลักของ Next.js
  • Next JPH - แอปตัวอย่าง JsonPlaceholder ที่สร้างด้วย Next.js
  • Mailto - HTML mailto ทำได้ง่าย
  • Plate - แอปจัดการงานที่จะควบคุมพวกเขาทั้งหมด
  • แดชบอร์ด - สร้างแดชบอร์ดทีมของคุณเองด้วยวิดเจ็ตที่กำหนดเอง
  • Snape - ไคลเอนต์ทอร์เรนต์สำหรับค้นหา สตรีม และดาวน์โหลดทอร์เรนต์
  • Trello Resume - แปลงข้อมูล Trello ให้เป็นข้อมูลที่อ่านเร็ว
  • การตรวจสอบสิทธิ์เซิร์ฟเวอร์ด้วย JWT - การตรวจสอบสิทธิ์เซิร์ฟเวอร์ ป้องกันการเรนเดอร์ก่อนการตรวจสอบ
  • เว็บไซต์ของ Alexander Kachkaev - หน้าแรกส่วนตัวที่สร้างด้วย Next.js, GraphQL, Docker และ Kubernetes ใช้ไคลเอ็นต์ Apollo, react-intl, styled-components และเรียบเรียงใหม่ อิมเมจ Docker ถูกสร้างขึ้นโดยอัตโนมัติโดย GitLab CI
  • ตัวจัดการคุกกี้พร้อมเซิร์ฟเวอร์เรนเดอร์ - ตัวจัดการคุกกี้พร้อมเซิร์ฟเวอร์เรนเดอร์ เข้าถึงคุกกี้ก่อนเรนเดอร์
  • Gank - แอป Next.js ใช้ gank-api, mobx และ antd
  • ตัวอย่าง CMS ที่แยกส่วนด้วย GraphQL และ Next.js
  • หน้าแรกของ Mozilla VR - หน้าแรกของ Mozilla VR
  • เว็บไซต์ของเอลตัน จอห์น - เว็บไซต์ของเอลตัน จอห์น
  • ตลาดข้อมูลของ IOTA - ตลาด IOTA
  • magicleap.com - ก้าวกระโดดมหัศจรรย์
  • หน้าค้นหา NPM.js - หน้าค้นหาของ NPM
  • ศูนย์ความสำเร็จนักเทียบท่า - ศูนย์ความสำเร็จนักเทียบท่า
  • Urteile & Gesetze - ระบบข้อมูลทางกฎหมายของเยอรมันได้รับใบอนุญาตภายใต้ GPLv3
  • หน้าแรกของ TikTok - หน้าแรกของ TikTok
  • njt.now.sh - npm ข้ามไปที่ ? (ทางลัดการนำทางแพ็คเกจที่คุณใฝ่ฝัน) เรนเดอร์แบบคงที่บางส่วน ปรับใช้บางส่วนเป็นแลมบ์ดา อัปเดตโดยอัตโนมัติในแต่ละคอมมิตไปยัง repo github ด้วยการรวม Now
  • caseconverter.pro - ตัวแปลงตัวพิมพ์ข้อความ
  • Tottem - ผู้จัดการบุ๊กมาร์กบนสเตียรอยด์ที่สร้างด้วย NextJs / Auth0 / Apollo Tools / Prisma2
  • Slow TV Map - วิธีที่สนุกในการค้นพบประสบการณ์เสมือนจริงที่ผ่อนคลาย Next.js + Chakra UI + MySQL โฮสต์บน Vercel
  • Twitter Clone - โคลน Twitter ที่สร้างด้วย Next.js + T3 Stack + NextAuth + Supabase + Prisma
  • Taxonomy - แอปตัวอย่างที่สร้างโดยใช้ส่วนประกอบเซิร์ฟเวอร์ Next.js 13
  • shadcn/ui - ส่วนประกอบที่ออกแบบมาอย่างสวยงามที่คุณสามารถคัดลอกและวางลงในแอปของคุณได้
  • StorageBox - บริการจัดเก็บไฟล์อย่างง่ายที่สร้างด้วย Go และ Next.js

หนังสือ

  • Hands On Next.js - หนังสือเต็มสแต็กที่ใช้งานได้จริงเกี่ยวกับการเรนเดอร์สากล (เซิร์ฟเวอร์) สำหรับแอปพลิเคชันแบบโต้ตอบ
  • คู่มือเริ่มต้นใช้งานฉบับย่อ Next.js - สร้าง สร้าง และปรับใช้แอปพลิเคชัน JavaScript สากลโดยใช้ Next.js
  • คู่มือ Next.js - สร้างแอปพลิเคชัน React ส่วนหน้าที่จัดการการเรนเดอร์ฝั่งเซิร์ฟเวอร์ให้คุณอย่างโปร่งใส
  • เว็บแอปพลิเคชันแบบไร้เซิร์ฟเวอร์พร้อม React และ Next.js - ใช้คุณสมบัติไร้เซิร์ฟเวอร์ Next.js เพื่อเข้าถึงฐานข้อมูลและตรวจสอบสิทธิ์ผู้ใช้ในแอปพลิเคชัน React ของคุณ
  • ตัดเข้าสู่ Jamstack: สร้าง SaaS ด้วย React และ Next.js - สร้างแอปพลิเคชันซอฟต์แวร์แบบครบวงจรโดยใช้ Next.js, Prisma ORM, Cloudinary API, Chakra-UI และ React Hook Form
  • Real World Next.js - สร้างเว็บแอปพลิเคชันที่ปรับขนาดได้ ประสิทธิภาพสูง และทันสมัยโดยใช้ Next.js ซึ่งเป็นเฟรมเวิร์ก React สำหรับการผลิต

วิดีโอ

  • สร้างแอปพลิเคชัน ReactJS แรกของคุณด้วย NextJS [ภาษาสเปน]
  • ตอบสนองการเรนเดอร์ฝั่งเซิร์ฟเวอร์ด้วย NextJS
  • Guillermo Rauch - Next.js ตามตัวอย่าง
  • Guillermo Rauch - Next.js: Universal React ทำได้ง่ายและสะดวก
  • ข้อมูลเบื้องต้นเกี่ยวกับ Next.js
  • Next.js ในการผลิต
  • การกำหนดเส้นทางแบบกำหนดพารามิเตอร์ด้วย Next.js
  • เจเอสฮีโร่ส์ 2017 | Guillermo Rauch - Next.js แบบคงที่และไดนามิก
  • การเขียนโปรแกรมอนาคตสากลด้วย Next.js - Guillermo Rauch · JSConf China 2017
  • BPJS: พิเศษ - ความรู้เบื้องต้นเกี่ยวกับ Next.js
  • ถัดไปสำหรับ Next.js
  • การจัดการข้อมูลด้วย Next.js และ GraphQL
  • Next.js ลงทะเบียนผู้ใช้
  • Next.js Crash Course - การตอบสนองฝั่งเซิร์ฟเวอร์
  • Mastering Next.js - หลักสูตรวิดีโอมากกว่า 50 บทเรียนสำหรับการสร้างแอปพลิเคชันด้วย Next.js และ React
  • บทช่วยสอน Next.js - บทช่วยสอนเชิงลึก Next.js
  • Next.js Conf 2020 - วิดีโอทั้งหมดจากการประชุม Next.js ปี 2020
  • แอปสั่งอาหารเต็มกองด้วย Hasura, Next.js และ Vercel
  • จะใช้การรับรองความถูกต้องข้อมูลประจำตัวใน Next.js กับ NextAuth ได้อย่างไร

โครงการ (ระดับเริ่มต้น)

  • Netflix Clone แบบเต็มสแต็กใน React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
  • สร้างและปรับใช้เว็บไซต์ Next 13 สมัยใหม่ด้วย Framer Motion และ Tailwind CSS
  • โครงการ js 13 ถัดไป - IMBb Clone - โครงการ js tailwind css ถัดไป - โครงการ nextjs
  • โครงการ js 13 ถัดไป - Google clone (next.js 13, tailwind css 3, google search api, เราเตอร์แอป
  • โครงการ js ถัดไป - โคลน Twitter
  • สร้างและปรับใช้: TWITTER clone พร้อม React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
  • บทช่วยสอน NextJS 13: สร้างบล็อกแบบคงที่จากไฟล์ Markdown
  • Airbnb Clone แบบเต็มสแต็กพร้อมเราเตอร์แอป Next.js 13: React, Tailwind, Prisma, MongoDB, NextAuth 2023
  • Messenger Clone แบบเรียลไทม์: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)
  • Spotify Clone แบบเต็มสแต็ก: ถัดไป 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)
  • อีคอมเมิร์ซแบบเต็มสแต็ก + แดชบอร์ด & CMS: เราเตอร์แอป Next.js 13, React, Tailwind, Prisma, MySQL, 2023

จดหมายข่าว

  • ข่าว Next.js - จดหมายข่าว Next.js รายเดือนที่นำเสนอคุณสมบัติใหม่และที่กำลังจะมีขึ้น บทความ เครื่องมือ และปลั๊กอินที่ดีที่สุด
  • Next.js Notes - ข่าวแพลตฟอร์ม Next.js และ JavaScript รายเดือน

มีส่วนร่วม

พบแพ็คเกจ บทความ บล็อก วิดีโอ ฯลฯ ที่ยอดเยี่ยมใช่ไหม? ส่งคำขอดึงมาให้ฉัน! เพียงปฏิบัติตามแนวทาง ขอบคุณ!

ลองเข้าไปดูบล็อกของฉันหรือ ทักทาย บน Twitter

ใบอนุญาต

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด