Next.js
Awesome Next.js
¶
>精选的资源清单:书籍,视频,有关使用Next.js的文章.
Next.js:React框架.
清单的灵感来自 awesome 列出的东西. 你可能还喜欢 awesome-tdd.
Community¶
Essentials¶
Articles¶
- How to Build a Serverless Next.js Blog with ButterCMS
- Build a Universal JavaScript App with Next.js
- Getting Started with Next.js — Setting Up Your App
- Getting Started with Next.js — Bringing Data In
- How to build a Next.js React Universal App
- Next on Next.js
- Accept payments on your site with nextjs, stripe, and micro
- Next.js on Cloud Functions for Firebase with Firebase Hosting
- Building a Blog With Next.js
- Using Google Analytics with Next.js
- [使用Next.js和Redux _ [Russian] _构建通用JavaScript应用](https://habrahabr.ru/post/323588/)
- 5 (of the Many Reasons) to love Vercel's Next.js
- Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones
- Realtime data visualization using Next.js and Chart.js
- Build a chat app with sentiment analysis using Next.js
- Build a realtime table with Next.js
- SSR blog with Next.js and Prismic.io
- SEO in Next.js and Prismic
- SEO in Next.js with next-seo
- Next.js 7
- Create SSR Next.js websites using GraphQL with Postgres
- Cooking a Deliveroo clone with Next.js (React), GraphQL, Strapi and Stripe - Setup (part 1/7)
- Next.js E-commerce Tutorial: Quick Shopping Cart Integration
- Working with Ghost and Next.js
- Using Tailwind CSS with Next.js
- Using Feature Flags in Next.js
- Adding code snippets to Next.js using react-syntax-highlighter
Boilerplates¶
- Next.js Static Blog -由Cosmic Headless CMS支持的Next.js静态博客
- NextJS Headless CMS Powered Blog Starter
- Next.js App with AWS Lambda -使用Apex Up将Next.js应用程序部署到AWS Lambda.
- Nitro 🚀 -使用Nextjs,Material-UI,Typescript和Auth0的PWA的示例
- Next & Now 2.0 Typescript template -无服务器,Typescript,Jest,Github CI,SCSS,更漂亮的样板
- Next Right Now -带有Next.js 9和Vercel的灵活的生产级样板,具有预配置的Sentry,cookie,Amplitude,Emotion,FontAwesome,GraphQL / GraphCMS(Apollo),Bootstrap(Reactstrap),i18next(Locize),Jest ,赛普拉斯(E2E测试)和CI / CD(GH操作),具有完整的TypeScript支持和支持B2B多租户Web应用程序(monorepo)
- Next Graphql Apollo Typescript_Boostrap - Pobocha -React + GraphQL + Next.js + Apollo + Scss +打字稿+ Prettier和EsLint样板
- Next & Vercel Typescript template -无服务器,Typescript,Jest,Github CI,SCSS,更漂亮的样板
- NextJS in Firebase with Bootstrap -使用Cloud Functions在Firebase中使用Bootstrap托管NextJS应用.
- Next Simple Starter -使用Next.js和Redux的简单PWA样板.
- NextJS Starter -具有电子邮件和oAuth身份验证的Next.js入门项目.
- nextjs-starter -SEO优化的Next.js 10入门套件模板,其中包含React 17 + Typescript + Tailwind CSS 2 + React Query 3 +(GitHub Auth +无密码Auth),使用(NextAuth.js和Fauna DB),ESLint,Prettier,Pre-commit挂钩与赫斯基. 不同的页面可以有不同的布局.
- RAN! -生产就绪样板,支持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,样式组件和mobx-state-tree构建的简单CMS.
- Next Redux Starter -具有Express,Redux和PostCSS的Next.js入门.
- NextJS Redux-Wrapper Material-UI -具有Redux和Material UI的样板NextJS.
- Staart -主动维护的Next.js组件库和最少的样板,可通过基于Ooth的具有有效用户帐户的应用程序迅速获得支持.
- NextJS TypeScript Starter Kit -:tada:TypeScript + NextJS,Styled-jsx,Redux,PostCSS,可配置的SEO
- Next Boilerplate -外部CSS和Sass +从任何位置导入图像+漂亮和Eslint +环境变量以及更多功能.
- next-starter -具有内置的“ sass(.scss)”和“ postcss”的完整而简单的样板.
- Typescript Monorepo Next Example -简约的next.js +打字稿monorepo.
- tomimick/tm-nextjs-starter -基本的CRUD,axios / localstorage,MobX,SASS,静态站点导出,实时演示的最小启动器/演示
- csprance/next-smrt -具有Redux,样式化组件,material-ui和Typescript以及自定义Express服务器的最小样板.
- Nextron -使用Next.js应用生成器的Electron⚡
- next-boilerplate -具有Typescript,Redux,Express.js,Sass,Css,EnvConfig,Reverse Proxy,Bundle的结构良好的生产就绪Next.js样板
- Oh My Fullstack -全栈Web应用程序框架(Next.js,Redux,RxJS,Immutable,Express)
- Next-Postgres-With-Typescript -具有Next 7.0.2 + Sequelize 4 / Postgres + Typescript + Redux + Passport Local Auth + Emotion的类似论坛的全栈Web应用程序
- Next.js with Express and Babel -适用于想要使用Babel转换Express以及Next.js代码的用户的应用程序框架.
- next-postgres-graphql -使用GraphQL和Postgres(Next.js,Postgres,GraphQL)创建SSR Next.js网站
- nextjs-mongodb-app -由Next.JS和MongoDB制作的成熟应用程序,具有身份验证等功能(Next.js 9,MongoDB)
- react-next-boilerplate -:rocket:使用nextJS,最佳开发实践和开发人员社区中流行的库来减少项目配置的基础.
- The-Nextjs-starter -打字稿+ redux +样式化的组件+ react-testing-library + eslint + fontawesome
- The Knests Stack -具有以下功能的完整堆栈样板/黑客马拉松启动器:PostgreSQL,Knex.js,NestJS,Next.js(显然),GraphQL,React(带有钩子和打字稿),Material-UI,用于Docker的Docker多级映像,Docker组成和Gitlab CI / CD管道已完全配置.
- Devii -使用Next.js,React和TypeScript构建的具有中等启发性的开发博客入门程序,具有Markdown渲染,语法突出显示,SEO / meta标签和RSS feed生成功能.
- Nextjs Blog Starter -基于Next.js框架的博客的理想入门代码. ⚡️用Next.js,TypeScript,ESLint,Prettier,PostCSS,Tailwind CSS制作.
- Next.js and Netlify Blogging Template -在Netlify堆栈上构建具有标准功能(如标记,CMS和短代码)的博客网站的完美样板.
- Nextjs Apollo Nexus -带有Nexus Schema的Next.js中的GraphQL Apollo客户端-服务器集成(代码优先方法).
- Nextjs Starter Peacock -美丽的Nextjs产品组合入门工具,适合软件工程师和设计师展示他们为之骄傲的工作.
- Nextatic -静态网站多语言样板,带有用户可编辑的页面,并使用Netlify CMS + Next.js + SCSS + Typescript进行导航.
- Sitemap generator for NextJS & StrAPI -Express上的另一台服务器与nextjs一起运行,并根据STR API的要求重新生成站点地图(带有索引sitemap)和robots.txt文件.
Extensions¶
- Next universal language detector -通用的语言检测器(浏览器+服务器)-打算与通用框架一起使用,例如Next.js DEMO
- Next Routes -Next.js的通用命名路由.
- Next-Pkg -具有以下功能的扩展Next.js服务器 pkg 支持.
- Next Plugin Graphql -使用graphql-tag的.graphql和.gql文件的Next.js插件
- Next With Apollo -用于Next.js的Apollo Graphql集成
- Next SEO -SEO使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路由中间件
- Serverless Framework plugin for Next.js -轻松部署无服务器应用程序.
- Terraform For Next.js -使用Terraform部署您的应用程序
- next-session -Next.js的会话中间件
- next-iron-session -使用签名和加密的cookie来存储数据的Next.js无状态会话实用程序
- 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和无服务器
- next-deploy -轻松部署到AWS和GitHub Pages.
- next-joi -使用_joi_验证Next.js API路由.
- next-transpile-modules -Next.js插件,可从node_modules转换代码. 对于monorepos很有用.
Apps¶
- CourseLit -Thinkific,Teachable等的开源替代品
- Feednext -开源社交媒体应用程序.
- NextJS GOT -简单的Next.js应用程序,展示了《权力的游戏》角色.
- Relate -正念社区-React,GraphQL,Next.js.
- Next News -用Next.js编写的HackerNews.
- Password -一个密码,正确的方法.
- Next Todos -用Next.js编写的待办事项列表.
- Hacker News -用Next.js编写的另一个Hacker News.
- Jet Chat -由Jet和Next.js提供支持的聊天演示.
- Nextgram -示例Next.js v2应用程序,用于展示其功能.
- Rauchg Blog -由Next.js核心维护者构建的博客.
- Next JPH -使用Next.js制作的JsonPlaceholder示例应用程序.
- Mailto -HTML mailto变得简单.
- Plate -任务管理应用程序将它们全部统治.
- Dashboard -使用自定义小部件创建自己的团队仪表板.
- Snape -一个洪流客户端,用于搜索,流式传输和下载洪流.
- Trello Resume -将trello数据转换为快速读取的信息.
- Server Authentication with JWT -服务器身份验证,请在验证之前防止渲染.
- Alexander Kachkaev’s website –使用Next.js,GraphQL,Docker和Kubernetes构建的个人主页. 使用apollo客户程序,react-intl,样式化的组件并重新组合. Docker映像由GitLab CI自动构建.
- Cookie handler with server render -具有服务器渲染的Cookie处理程序,在渲染之前访问cookie.
- Gank -Next.js应用程序使用gank-api,mobx和antd
- Decoupled CMS example with GraphQL and Next.js
- Mozilla VR Home -Mozilla VR主页
- Elton John's website -艾尔顿·约翰(Elton John)的网站
- IOTA's Data Market Place -IOTA市场
- magicleap.com -魔法飞跃
- NPM.js Search Page - NPM's Search Page
- Docker Success Center -Docker成功中心
- Urteile & Gesetze -根据GPLv3许可的德国法律信息系统.
- TikTok's HomePage -TikTok的主页
- njt.now.sh -npm跳至(您梦about以求的软件包导航快捷方式). 部分静态渲染,部分部署为lambda. 在每次提交时自动更新 github repo,这要归功于Now集成.
- caseconverter.pro -文本大小写转换器.
- Tottem -使用NextJs / Auth0 / Apollo Tools / Prisma2构建的类固醇的书签管理器
- Slow TV Map -一种有趣的方式来发现轻松的虚拟体验. Vercel上托管了Next.js + Chakra UI + MySQL.
Books¶
- Hands On Next.js -一本关于反应应用程序通用(服务器)渲染的实用全书.
- Next.js Quick Start Guide -使用Next.js创建,构建和部署通用JavaScript应用程序
- The Next.js Handbook -构建一个前端React应用程序,为您透明地处理服务器端渲染.
Videos¶
- [使用NextJS _ [Spanish] _]创建您的第一个ReactJS应用程序(https://www.youtube.com/watch?v=-7Ft5LxPeWs)
- React Server Side Rendering with NextJS
- Guillermo Rauch - Next.js by Example
- Guillermo Rauch - Next.js: Universal React Made Easy and Simple
- Introduction to Next.js
- Next.js in production
- Parameterized Routing with Next.js
- JSHeroes 2017 | Guillermo Rauch - Static and Dynamic Next.js
- Programming the Universal Future with Next.js - Guillermo Rauch · JSConf China 2017
- BPJS: Special - Introduction to Next.js
- Next for Next.js
- Data Management With Next.js and GraphQL
- Next.js Register User
- Next.js Crash Course - Server Side React
- Mastering Next.js -使用Next.js和React构建应用程序的50多个课程视频课程.
- Next.js Tutorial -深入的Next.js教程.
- Next.js Conf 2020 -2020 Next.js会议的所有视频
Newsletters¶
- Next.js News -Next.js每月通讯,其中包含新功能和即将发布的功能,最佳文章,工具和插件.
- Next.js Notes -每月Next.js和JavaScript平台新闻.
Contributing¶
找到了很棒的包裹,文章,博客,视频等? 给我发送请求! 只需按照 guidelines . 谢谢!