4.完全掌握 Next.js 文章系列
社区
基本会话
文章
- 将 Next.js 与 FaunaDB 配合使用:如何从您的应用程序中查询数据库
- 如何使用ButterCMS构建无服务器Next.js博客
- 使用 Next 构建通用 JavaScript 应用.js
- Next.js — 设置应用
- “Next.js — 引入数据
- 如何构建 Next.js React 通用应用
- Next到Next.js
- 在您的网站上接受带有 nextjs、stripe 和 micro 的付款
- Next.js Firebase 托管的 Firebase 云函数
- 与Next一起构建博客.js
- 将 Google Analytics 与 Next 一起使用.js
- [使用Next.js和Redux构建通用JavaScript应用程序*俄语]*
- 5(众多理由)爱Vercel的Next.js
- Next.js 5:通用Webpack,CSS导入,插件和区域
- 使用“Next.js和图表实现实时数据可视化.js
- 使用 Next 构建具有情感分析功能的聊天应用.js
- 使用 Next.js 构建实时表
- 带有 Next.js 和 Prismic.io 的 SSR 博客
- NextSEO.js和Prismic
- SEO在Next.js与Nextseo
- Next.js 7
- 创建 SSR Next.js网站使用 GraphQL 和 Postgres
- 使用 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](https://thetombomb.com/posts/adding-code-snippets-to-static-markdown-in-Next js)
样板
- Next.js静态博客 - Next.js由Cosmic Headless CMS提供支持的静态博客
- NextJS无头CMS驱动的博客入门
- Next.js AWS Lambda 的应用程序 - 使用 Apex Up 将Next.js应用程序部署到 AWS Lambda。
- 硝基🚀- 使用Nextjs,Material-UI,Typescript和Auth0的PWA示例💗
- Next & Now 2.0 Typescript template - Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate
- Next Right Now - 灵活的生产级样板,具有Next.js 9和Versel,具有预配置的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 template - Serverless, Typescript, Jest, Github CI, SCSS, prettier boilerplate
- Firebase 中的 NextJS with Bootstrap - 在 Firebase 中使用 Cloud Functions 托管带有 Bootstrap 的 NextJS 应用。
- Next简单入门 - 带有 Next.js 和 Redux 的简单 PWA 样板。
- NextJS Starter - Next.js的Starter项目,以及电子邮件和oAuth身份验证。
- nextjs-starter - 一个SEO优化的Next.js 10个初学者工具包模板,使用React 17 + Typescript + Tailwind CSS 2 + React Query 3 +(GitHub Auth + Passwordless Auth)使用(NextAuth.js和Fauna DB),ESLint,Prettier,Pre-commit hook with Husky。可以为不同的页面提供不同的布局。
- 跑!- 生产就绪的样板,支持 GraphQL、SSR、热重载、CSS-in-JS、缓存等。
- Next简单博客 - 基于简单Markdown的博客,使用Next.js构建,具有静态导出。
- phox - 创建静态照片博客。
- Next Express Bootstrap Boilerplate - 使用Next,Express,react-bootstrap,SCSS和SSR与eslint构建的完整堆栈应用程序的样板。
- Next Blog Firestore - 使用Next.js,Firebase Firestore,styled-components和moxx-state-tree构建的简单CMS的博客。
- Next Redux Starter - Next.js Express、Redux 和 PostCSS 的 Starter。
- NextJS Redux-Wrapper Material-UI - 🤓带有 Redux 和 Material UI 的样板 NextJS。
- 斯塔特 - 😎积极维护 Next.js组件库和最小样板,以快速获得具有基于 Ooth 的工作用户帐户的应用。
- NextJS TypeScript Starter Kit - 🎉TypeScript + NextJS, Styled-jsx, Redux, PostCSS, 可配置的SEO
- Next样板 - 外部CSS和Sass +从任何地方导入图像+更漂亮和Eslint +环境变量以及更多功能。
- Next启动器 - 一个完整而简单的样板,内置并内置。
sass (.scss)``postcss
- Typescript Monorepo Next Example - A minimalistic next.js + typescript monorepo.
- tomimick/tm-nextjs-starter - 一个最小的启动器/演示,带有基本的CRUD,axios/localstorage,MobX,SASS,静态站点导出,现场演示
- csprance/next-smrt - 一个最小的样板,带有redux,样式组件,material-ui和typescript,带有自定义的express server。
- Nextron - 带有Next的电子.js应用程序生成器⚡
- next-boilerplate - 一个结构良好的生产就绪Next.js样板,带有Typescript,Redux,Express.js,Sass,Css,EnvConfig,Reverse Proxy,Bundle
- Oh My Fullstack - Full stack Web Application Skeleton (Next.js, Redux, RxJS, Immutable, Express)
- Next-Postgres-with-Typescript - 类似论坛的fullstack Web应用程序,带有Next 7.0.2 +Sequelize 4 / Postgres + Typescript + Redux + Passport Local Auth + Emotion
- 接下来.js Express和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 + styled-components + react-testing-library + eslint + fontawesome
- The Knests Stack - Full stack boilerplate/hackathon starter with: PostgreSQL, Knex.js, NestJS, Next.js (显然), GraphQL, React (带有钩子和 typescript), Material-UI, Docker 多阶段映像, Docker compose 和一个完全配置的 Gitlab CI/CD 流水线。
- Devii - 一个受Medium启发的开发博客启动器,使用Next.js,React和TypeScript构建,具有Markdown渲染,语法突出显示,SEO / 元标记和RSS提要生成开箱即用。
- Nextjs Blog Starter - 🚀基于Next.js框架的博客的完美入门代码。⚡️Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
- Next.js和Netlify博客模板 - 在Netlify堆栈上构建博客网站的完美样板,具有标记,CMS和短代码等标准功能。
- Nextjs Apollo Nexus - GraphQL Apollo Client-Server integration in Next.js与Nexus Schema(代码优先方法)。<
- Nextjs Starter Peacock - 🦚美丽的Nextjs产品组合入门版,供软件工程师和设计师展示他们引以为豪的工作。
- Next - 🌍静态网站多语言样板,具有用户可编辑的页面,并使用Netlify CMS + Next.js + SCSS + Typescript进行导航。
- NextJS & StrAPI 的 Sitemap generator - 🦾Express上的一个附加服务器,与nextjs一起运行,并根据STR API的请求重新生成站点地图(带有索引站点地图)和机器人.txt文件。
- 超级板 - 超级板在几秒钟内使用TypeScript,样式组件,SWR,Storybook和35 +插件创建Next.js应用程序。
扩展
- Next通用语言检测器 - 通用工作的语言检测器(浏览器+服务器) - 旨在与通用框架一起使用,例如Next.js DEMO
- Next路由 - Next.js的通用命名路由。
- Next-Pkg - Extended Next.js支持 pkg 的服务器。
- Next Plugin Graphql - Next.js使用 graphql-tag 的 .graphql 和 .gql 文件的插件
- Next与阿波罗 - 阿波罗 Graphql 集成为Next.js
- NextSEO - SEO变得容易Next.js
- Next UserAgent - Next 的 UserAgent 解析器.js
- Next Cookie - Next.js Cookie 序列化程序和反序列化程序库。
- Nextein - 基于 Next.js 的静态站点生成器。
- next-mdx-blog - 轻松地将博客添加到任何基于 next.js 的项目
- next-i18next - 翻译 NextJs 应用的最简单方法。
- Next路由中间件 - Next JS 路由中间件
- Next.js的无服务器框架插件 - 轻松部署无服务器应用程序。
- Terraform For Next.js - 使用 Terraform 部署您的应用程序
- Next会话 - Next会话的会话中间件.js
- next-iron-session - Next.js无状态会话实用程序,使用签名和加密的 cookie 来存储数据
- Next PurgeCSS - 轻松集成 Purgecss,这有助于您从捆绑包中删除未使用的 CSS。
- Next PWA - 零配置 PWA 插件Next.js与工作框
- 流中间件 - 在 Next.js 上运行任何 Express 中间件,而不会污染本机对象。
- next-connect - Next.js的高速/连接兼容路由器和中间件层。
- next-img - 一个用于轻松嵌入优化图像的插件。
- Next身份验证 - Next.js和无服务器的简易身份验证
- Next部署 - 🚀轻松部署到 AWS 和 GitHub 页面。
- next-joi - 使用joi验证Next.js API Routes。
- next-transpile-modules - Next.js插件,用于从node_modules转译代码。对单核细胞很有用。
- Next.js的Destack - Next.js扩展,可以在本地直观地构建登录页面。
应用程序
- CourseLit - Thinkific,Teachable等的开源替代品。
- Feednext - 一个开源的社交媒体应用程序。
- NextJS GOT - Simple Next.js展示《权力的游戏》角色的应用程序。
- 关联 - 正念社区 - React,GraphQL,Next.js。
- Next News - HackerNews 写在 Next.js.
- 密码 - 一个密码,正确的方式。
- Next Todos - 在 Next.js 中写入的 Todo 列表。
- 黑客新闻 - 另一个黑客新闻写在Next.js。
- Jet Chat - Jet 和 Next.js支持的 Chat 演示。
- Nextgram - 示例 Next.js用于展示其功能的 v2 应用。
- Rauchg博客 - 由Next.js核心维护者构建的博客。
- Next JPH - 使用 Next.js 制作的 JsonPlaceholder 示例应用。
- Mailto - HTML mailto’s make easy.
- 板块 - 任务管理应用程序,用于统治它们。
- 仪表板 - 使用自定义小组件创建您自己的团队仪表板。
- Snape - 一个洪流客户端,用于搜索,流式传输和下载种子。
- Trello Resume - 将 Trello 数据转换为快速读取的信息。
- 使用 JWT 进行服务器身份验证 - 服务器身份验证,防止在验证之前进行渲染。
- Alexander Kachkaev的网站 - 使用Next.js,GraphQL,Docker和Kubernetes构建的个人主页。使用 apollo 客户端、react-intl、styled-components 和 recompose。Docker 镜像由 GitLab CI 自动构建。
- 具有服务器呈现的 Cookie 处理程序 - 具有服务器呈现的 Cookie 处理程序,在呈现之前访问 Cookie。
- Gank - Next.js应用程序使用gank-api,mobx和antd
- 将 CMS 示例与 GraphQL 和 Next 分离.js
- Mozilla VR Home - Mozilla VR Home
- 艾尔顿·约翰的网站 - 艾尔顿·约翰的网站
- IOTA的数据市场 - IOTA市场
- magicleap.com - 神奇的飞跃
- NPM.js搜索页面 - NPM的搜索页面
- Docker 成功中心 - Docker 成功中心
- Urteile & Gesetze - 德国法律信息系统,根据 GPLv3 获得许可。
- TikTok的主页 - TikTok的主页
- njt.now.sh - npm 跳转到🐸(您梦寐以求的包导航快捷方式)。部分静态呈现,部分部署为 lambda。在每次提交到 github 存储库时自动更新,这要归功于 Now 集成。
- caseconverter.pro - 文本大小写转换器。
- Tottem - 使用NextJs / Auth0 / Apollo Tools / Prisma2构建的类固醇上的书签管理器
- 慢速电视地图 - 发现轻松虚拟体验的有趣方式。接下来.js + Chakra UI + MySQL托管在Vercel上。
书
- Hands On Next.js - 一本实用的全栈书,介绍 react 应用程序的通用(服务器)渲染。
- Next.js快速入门指南 - 使用 Next 创建、构建和部署通用 JavaScript 应用程序.js
- Next.js手册 - 构建一个前端 React 应用程序,以透明的方式为您处理服务器端渲染。
视频
- [使用 NextJS 创建您的第一个 ReactJS 应用程序 *西班牙语]*
- React Server Side Rendering with NextJS
- 吉列尔莫·劳赫 - Next.js按示例
- 吉列尔莫·劳赫 - Next.js:通用反应变得简单易行
- Next简介.js
- Next.js生产中
- 参数化路由与Next.js
- JS英雄 2017 |吉列尔莫·劳赫 - 静态和动态 Next.js
- 用Next.js规划通用未来 - 吉列尔莫·劳赫 ·2017年中国国际医疗器械博览会
- BPJS:特别 - Next介绍.js
- Next,Next.js
- 使用 Next.js 和 GraphQL 进行数据管理
- Next.js 注册用户
- Next.js速成课程 - 服务器端反应
- 掌握 Next.js - 50 多节课视频课程,用于使用 Next.js 和 React 构建应用程序。
- Next.js教程 - 深入了解 Next.js教程。
- Next.js 2020年会议 -2020年的所有视频 Next.js会议
通讯
- Next.js新闻 - 每月Next.js时事通讯,展示新的和即将推出的功能,最好的文章,工具和插件。
- Next.js Notes - 每月Next.js和JavaScript平台新闻。
- 原文作者:知识铺
- 原文链接:https://geek.zshipu.com/post/react/level01/4.%E5%AE%8C%E5%85%A8%E6%8E%8C%E6%8F%A1-Next.js-%E6%96%87%E7%AB%A0%E7%B3%BB%E5%88%97/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。
- 免责声明:本页面内容均来源于站内编辑发布,部分信息来源互联网,并不意味着本站赞同其观点或者证实其内容的真实性,如涉及版权等问题,请立即联系客服进行更改或删除,保证您的合法权益。转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。也可以邮件至 sblig@126.com