awesome nextjs下載 - awesome nextjs原始碼下載

awesome nextjs

其他源碼

1.0.0

下載

很棒的 Next.js

精選資源清單：有關使用 Next.js 的書籍、影片和文章。

Next.js：React 框架。

清單的靈感來自於令人敬畏的清單事物。您可能也喜歡 Awesome-tdd。

內容

很棒的 Next.js
- 內容
- 社群
- 必需品
- 文章
- 樣板文件
- 擴充
- 應用程式
- 圖書
- 影片
- 項目（初級）
- 時事通訊
- 貢獻
- 執照

社群

GitHub
Next.js 的 GitHub 討論

必需品

部落格
學習
維塞爾電視
防彈下一步

文章

透過按需重新驗證和 Directus 進行即時網站更新
使用 Next.js 動態 CMS 驅動的重定向
Next.js、GraphQL 和 React Query 入門
將 Next.js 與 FaunaDB 結合使用：如何從您的應用程式查詢資料庫
如何使用 ButterCMS 建立無伺服器 Next.js 博客
使用 Next.js 建立通用 JavaScript 應用程式
Next.js 入門 — 設定您的應用程式
Next.js 入門 — 引入數據
如何建立 Next.js React 通用應用程式
Next.js 上的下一步
使用 nextjs、stripe 和 micro 在您的網站上接受付款
Cloud Functions for Firebase 上的 Next.js 和 Firebase 託管
使用 Next.js 建立博客
將 Google Analytics 與 Next.js 結合使用
使用 Next.js 和 Redux 建立通用 JavaScript 應用程式[俄語]
喜歡 Vercel 的 Next.js 的 5 個（眾多原因之一）
Next.js 5：通用 Webpack、CSS 導入、插件和區域
使用 Next.js 和 Chart.js 進行即時資料視覺化
使用 Next.js 建立具有情緒分析功能的聊天應用程式
使用 Next.js 建立實時表
使用 Next.js 和 Prismic.io 的 SSR 博客
Next.js 和 Prismic 中的 SEO
Next.js 中的 SEO 與 next-seo
Next.js 7
使用 GraphQL 和 Postgres 建立 SSR Next.js 網站
使用 Next.js (React)、GraphQL、Strapi 和 Stripe 烹飪 Deliveroo 克隆 - 設定（第 1/7 部分）
Next.js 電子商務教學：快速購物車集成
使用 Ghost 和 Next.js
將 Tailwind CSS 與 Next.js 結合使用
在 Next.js 中使用功能標誌
使用react-syntax-highlighter為Next.js添加程式碼片段
使用我們令人驚嘆的 Next.js 模板建立公司的網站/應用程式
保證 NextJS 應用程式中的 webhook 傳遞
使用 Next.js 按需 ISR 建立留言簿
有用的管理模板來建立您的網站/應用程式
將 Next 應用程式與 Tailwind 集成

樣板文件

Kaminari Template - 強大的 Next.js 和 Tailwind CSS 範本。考慮到開發人員的經驗而建構。包含 Husky、CommitLint、Prettier、Eslint 等配置。
Next.js 靜態部落格 - 由 Cosmic Headless CMS 支援的 Next.js 靜態博客
NextJS Headless CMS 支援的部落格啟動器
Next.js 應用程式與 AWS Lambda - 使用 Apex Up 將 Next.js 應用程式部署到 AWS Lambda。
Nitro - 使用 Nextjs、Material-UI、Typescript 和 Auth0 的 PWA 範例？
Next & Now 2.0 Typescript 範本 - Serverless、Typescript、Jest、Github CI、SCSS、prettier 樣板
Next Right Now - 使用 Next.js 9 和 Vercel 的靈活生產級樣板，具有預先配置的Sentry、cookie、Amplitude、Emotion、FontAwesome、GraphQL/GraphCMS (Apollo)、Bootstrap (Reactstrap)、i18next (Locize)、Jest 、 Cypress（E2E 測試）和 CI/CD（GH Actions），具有完整的 TypeScript 支援和對 B2B 多租戶 Web 應用程式 (monorepo) 的支持
Next Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier 和 EsLint 樣板
Next 和 Vercel Typescript 範本 - Serverless、Typescript、Jest、Github CI、SCSS、prettier 樣板
NextJS in Firebase with Bootstrap - 使用 Cloud Functions 在 Firebase 中託管帶有 Bootstrap 的 NextJS 應用程式.
Next Simple Starter - 使用 Next.js 和 Redux 的簡單 PWA 樣板.
NextJS Starter - Next.js 的入門項目，具有電子郵件和 oAuth 身份驗證.
nextjs-starter - SEO 優化的Next.js 10 入門套件模板，帶有React 17 + Typescript + Tailwind CSS 2 + React Query 3 + （GitHub Auth + 無密碼身份驗證），使用（NextAuth.js 和Fauna DB）、 ESLint、Prettier、Pre - 與 Husky 進行掛鉤。不同的頁面可以有不同的佈局。
跑！ - 生產就緒的樣板，支援 GraphQL、SSR、熱重載、CSS-in-JS、快取等。
Next Simple Blog - 使用 Next.js 建立的基於 Markdown 的簡單博客，具有靜態導出功能。
phox - 建立靜態照片部落格。
Next Express Bootstrap Boilerplate - 使用 Next、Express、react-bootstrap、SCSS 和 SSR 以及 eslint 建立的全端應用程式的樣板.
Next Blog Firestore - 使用 Next.js、Firebase Firestore、styled-components 和 mobx-state-tree 建立的簡單 CMS 的部落格.
Next Redux Starter - 使用 Express、Redux 和 PostCSS 的 Next.js 啟動器.
NextJS Redux-包裝材質-UI - ？帶有 Redux 和 Material UI 的 NextJS 樣板。
斯塔特-？積極維護 Next.js 元件庫和最小樣板，以快速開始使用基於 Ooth 的工作使用者帳戶的應用程式。
NextJS TypeScript 入門套件 - ？ TypeScript + NextJS、Styled-jsx、Redux、PostCSS、可設定 SEO
Next Boilerplate - 外部 CSS 和 Sass + 從任何地方匯入圖片 + Prettier 和 Eslint + 環境變數和更多功能。
next-starter - 內建sass (.scss)和postcss的完整且簡單的樣板。
Typescript Monorepo Next 範例 - 簡約的 next.js + typescript monorepo.
tomimick/tm-nextjs-starter - 具有基本 CRUD、axios/localstorage、MobX、SASS、靜態站點導出、現場演示的最小入門/演示
csprance/next-smrt - 帶有 redux、styled-components、material-ui 和 typescript 的最小樣板以及自訂 Express 伺服器。
Nextron - 帶有 Next.js 應用程式產生器的 Electron ⚡
next-boilerplate - 結構良好的生產就緒 Next.js 樣板，包含 Typescript、Redux、Express.js、Sass、Css、EnvConfig、反向代理、Bundle
Oh My Fullstack - 全端 Web 應用程式框架（Next.js、Redux、RxJS、Immutable、Express）
Next-Postgres-With-Typescript - 類似論壇的全端 Web 應用程序，帶有 Next 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport 本地身份驗證 + Emotion
Next.js with Express and Babel - 為想要使用 Babel 轉譯 Express 和 Next.js 程式碼的人提供的應用程式框架。
next-postgres-graphql - 使用 GraphQL 和 Postgres 建立 SSR Next.js 網站（Next.js、Postgres、GraphQL）
nextjs-mongodb-app - 使用 Next.JS 和 MongoDB 製作的成熟應用程序，具有身份驗證等功能（Next.js 9，MongoDB）
react-next-boilerplate - 使用 nextJS、最佳開發實踐和開發人員社群中流行的程式庫減少專案配置的基礎。
The-Nextjs-starter - typescript + redux + 樣式元件 + React-testing-library + eslint + fontawesome
Knests Stack - 全端樣板/黑客馬拉松入門工具，包括：PostgreSQL、Knex.js、NestJS、Next.js（顯然）、GraphQL、React（附鉤子和打字稿）、Material-UI、Docker 多階段映像、 Docker compose 和Gitlab CI/CD 管道已完全配置。
Devii - 使用 Next.js、React 和 TypeScript 建立的 Medium 啟發的開發部落格入門工具，具有 Markdown 渲染、語法突出顯示、SEO/元標籤和開箱即用的 RSS feed 生成功能。
Nextjs Blog Starter - 基於 Next.js 框架的部落格的完美入門程式碼。 ⚡️ 使用 Next.js、TypeScript、ESLint、Prettier、PostCSS、Tailwind CSS 製作。
Next.js 和 Netlify 部落格範本 - 用於在 Netlify 堆疊上建立部落格網站的完美樣板，具有標記、CMS 和短程式碼等標準功能。
Nextjs Apollo Nexus - Next.js 中的 GraphQL Apollo 用戶端-伺服器與 Nexus Schema 整合（程式碼優先方法）.
Nextjs 入門孔雀 - ？漂亮的 Nextjs 作品集入門軟體工程師和設計師可以展示他們引以為傲的作品。
下一個 - ？靜態網站多語言樣板，具有使用者可編輯的頁面和使用 Netlify CMS + Next.js + SCSS + Typescript 進行導航。
NextJS 與 StrAPI 的網站地圖產生器 - ? Express 上的另一個伺服器與 nextjs 一起運行，並根據 STR API 的請求重新產生網站地圖（帶有索引網站地圖）和 robots.txt 檔案。
superplate - superplate 使用 TypeScript、樣式元件、SWR、Storybook 和 35+ 外掛程式在幾秒鐘內建立 Next.js 應用程式。
Hydrogen - Hydrogen 是 Nextjs 部落格入門模板，支援 tailwindCss 和 MDX。它具有開箱即用的所有必要的 MDX 短代碼。
Next-Fire-Auth - 使用 Next.js + Typescript + Tailwind CSS + Firebase-auth + React-Firebase-Hooks 進行身份驗證的啟動應用程式的很棒的樣板
NextJS Chargebee Subscription - 專注於 Chargebee 的 T3 堆疊，整合了使用者訂閱、身份驗證和測試。由 Prisma ORM 驅動。
Next.js Enterprise - 用於高效能、可維護應用程式的企業級樣板。使用 Tailwind CSS、RadixUI、TypeScript 等建置。
Start UI [web] - 使用 TypeScript、React、NextJS、Chakra UI、tRPC、Prisma、TanStack Query、Storybook、Playwright、Formiz 的固執己見的 UI 啟動器

擴充

Next 通用語言偵測器 - 通用的語言偵測器（瀏覽器 + 伺服器） - 設計用於與通用框架一起使用，例如 Next.js DEMO
Next Routes - Next.js 的通用命名路由.
Next-Pkg - 具有 pkg 支援的擴充 Next.js 伺服器。
Next Plugin Graphql - 使用 graphql-tag 的 .graphql 和 .gql 檔案的 Next.js 插件
Next With Apollo - Next.js 的 Apollo Graphql 集成
Next SEO - Next.js 讓 SEO 變得容易
Next-Sitemap - Next.js 的網站地圖產生器
Next UserAgent - Next.js 的 UserAgent 解析器
Next Cookie - Next.js 的 Cookie 序列化器和反序列化器函式庫.
Nextein - 基於 Next.js 的靜態站點產生器。
next-mdx-blog - 輕鬆將部落格新增至任何基於 next.js 的項目
next-i18next - 翻譯 NextJs 應用程式最簡單的方法。
next-routes-middleware - NextJS 路由中介軟體
Next.js 的無伺服器框架外掛程式 - 輕鬆部署無伺服器應用程式。
Terraform For Next.js - 使用 Terraform 部署應用程式
next-session - Next.js 的會話中間件
next-iron-session - Next.js 無狀態會話實用程式使用簽署和加密的 cookie 來儲存數據
Next PurgeCSS - 輕鬆整合 Purgecss，它可以幫助您從捆綁包中刪除未使用的 CSS。
Next PWA - 帶工作箱的 Next.js 零配置 PWA 插件
flow-middleware - 在 Next.js 上執行任何 Express 中介軟體，而不會污染本機物件。
next-connect - Next.js 的 Express/Connect 相容於路由器和中間件層。
next-img - 一個用於輕鬆嵌入優化圖像的插件。
next-auth - Next.js 和 Serverless 的輕鬆驗證
next-deploy - 輕鬆部署到 AWS 和 GitHub Pages。
next-joi - 使用joi驗證 Next.js API 路由.
next-transpile-modules - Next.js 插件，用於從 node_modules 轉換程式碼。對於單一倉庫很有用。
Destack for Next.js - Next.js 擴充功能可在本地直觀地建立登陸頁面.
UseSIWE - React 掛鉤和 Next.js API 路由，使將以太坊登入新增至您的應用程式變得非常容易。
Next.js 的執行時間環境變數 – 停止在 CI/CD 中配置 ENV 變量，使用雲端原生方法。
next-google-tag-manager – 輕鬆將 Google 追蹤程式碼管理員新增至 Next 13 及更高版本。
next-api-decorators - 用於建立類型化 Next.js API 路由的裝飾器，可輕鬆驗證和轉換請求。

應用程式

CourseLit - Thinkific、Teachable 等的開源替代品。
Feednext - 開源社群媒體應用程式。
NextJS GOT - 簡單的 Next.js 應用程序，展示權力的遊戲角色。
相關 - 正念社群 - React、GraphQL、Next.js。
密碼 - 一個密碼，正確的方式。
Next Todos - 用 Next.js 寫的待辦事項清單.
Hacker News - 用 Next.js 寫的另一個駭客新聞.
Jet Chat - Jet 和 Next.js 支援的聊天簡報。
Nextgram - 用於展示其功能的範例 Next.js v2 應用程式.
Rauchg Blog - 由 Next.js 核心維護者建立的部落格。
Next JPH - 使用 Next.js 製作的 JsonPlaceholder 範例應用程式.
Mailto - HTML mailto 變得簡單。
Plate - 管理所有任務的任務管理應用程式。
儀表板 - 使用自訂小工具建立您自己的團隊儀表板。
Snape - 用於搜尋、串流和下載 torrent 的 torrent 用戶端。
Trello Resume - 將 trello 資料轉換為快速讀取資訊。
使用 JWT 進行伺服器身份驗證 - 伺服器身份驗證，防止在驗證之前渲染。
Alexander Kachkaev 的網站 – 使用 Next.js、GraphQL、Docker 和 Kubernetes 建立的個人主頁。使用 apollo 用戶端、react-intl、styled-components 和 recompose。 Docker 映像由 GitLab CI 自動建置。
具有伺服器渲染的 Cookie 處理程序 - 具有伺服器渲染的 Cookie 處理程序，在渲染之前存取 cookie。
Gank - 使用 gank-api、mobx 和 antd 的 Next.js 應用程式
使用 GraphQL 和 Next.js 解耦的 CMS 範例
Mozilla VR 首頁 - Mozilla VR 首頁
艾爾頓強的網站 - 艾爾頓強的網站
IOTA 的數據市場 - IOTA Market Place
magicleap.com - Magic Leap
NPM.js 搜尋頁面 - NPM 的搜尋頁面
Docker 成功中心 - Docker 成功中心
Urteile & Gesetze - 根據 GPLv3 許可的德國法律資訊系統。
TikTok 的主頁 - TikTok 的主頁
njt.now.sh - npm 跳到？（您夢想的包導航快捷方式）。部分靜態渲染，部分部署為 lambda。由於 Now 集成，每次提交到 github 存儲庫時都會自動更新。
caseconverter.pro - 文字大小寫轉換器。
Tottem - 使用 NextJs / Auth0 / Apollo Tools / Prisma2 建立的類固醇書籤管理器
Slow TV Map - 一種發現輕鬆虛擬體驗的有趣方式。 Next.js + Chakra UI + MySQL 託管在 Vercel 上。
Twitter Clone - 使用 Next.js + T3 Stack + NextAuth + Supabase + Prisma 建立的 Twitter 克隆.
分類法 - 使用 Next.js 13 伺服器元件建立的範例應用程式。
shadcn/ui - 設計精美的組件，您可以將其複製並貼上到您的應用程式中。
StorageBox - 使用 Go 和 Next.js 建立的簡單檔案儲存服務。

圖書

Hands On Next.js - 一本關於 React 應用程式通用（伺服器）渲染的實用全端書籍。
Next.js 快速入門指南 - 使用 Next.js 建立、建置和部署通用 JavaScript 應用程式
Next.js 手冊 - 建立一個前端 React 應用程序，為您透明地處理伺服器端渲染。
使用 React 和 Next.js 的無伺服器 Web 應用程式 - 使用 Next.js 無伺服器功能來存取資料庫並對 React 應用程式中的使用者進行身份驗證
Cut Into The Jamstack: Build a SaaS with React and Next.js - 使用 Next.js、Prisma ORM、Cloudinary API、Chakra-UI 和 React Hook Form 建立全端軟體即服務應用程式。
Real World Next.js - 使用 React 生產框架 Next.js 建立可擴展、高效能和現代的 Web 應用程式

影片

使用 NextJS 建立您的第一個 ReactJS 應用程式[西班牙語]
使用 NextJS 回應伺服器端渲染
Guillermo Rauch - Next.js 範例
Guillermo Rauch - Next.js：通用 React 變得簡單
Next.js 簡介
生產中的 Next.js
使用 Next.js 進行參數化路由
JSH英雄 2017 | Guillermo Rauch - 靜態與動態 Next.js
用 Next.js 程式設計通用未來 - Guillermo Rauch · JSConf China 2017
BPJS：特別 - Next.js 簡介
Next.js 的下一個
使用 Next.js 和 GraphQL 進行資料管理
Next.js 註冊用戶
Next.js 速成課程 - 伺服器端 React
Mastering Next.js - 50 多節課程的影片課程，用於使用 Next.js 和 React 建立應用程式。
Next.js 教程 - 深入的 Next.js 教程。
Next.js Conf 2020 - 2020 年 Next.js 會議的所有視頻
使用 Hasura、Next.js 和 Vercel 的全端食品訂購應用程序
如何在 Next.js 中將憑證驗證與 NextAuth 結合使用？

項目（初級）

React、Tailwind CSS、Next.JS、Prisma、MongoDB、NextAuth 和 Vercel 中的全端 Netflix 克隆 (2023)
使用 Framer Motion 和 Tailwind CSS 建立和部署現代 Next 13 網站
Next js 13 專案 - IMBb Clone - next js tailwind css 專案 - nextjs 項目
Next js 13 專案 - Google 複製（next.js 13、tailwind css 3、google 搜尋 api、應用程式路由器
下一個 js 專案 - Twitter 克隆
建置與部署：使用 React、Tailwind、Next、Prisma、Mongo、NextAuth 和 Vercel 克隆 TWITTER (2023)
NextJS 13 教學：從 Markdown 檔案建立靜態博客
使用 Next.js 13 應用程式路由器的全端 Airbnb 克隆：React、Tailwind、Prisma、MongoDB、NextAuth 2023
即時信差克隆：Next.js 13、React、Tailwind、Prisma、MongoDB、NextAuth、Pusher (2023)
全端 Spotify 克隆：Next 13.4、React、Stripe、Supabase、PostgreSQL、Tailwind (2023)
全端電子商務 + 儀表板和 CMS：Next.js 13 App Router、React、Tailwind、Prisma、MySQL，2023