Next.js 第8页

next.js 的服务端渲染机制（一）

前后端同构，作为针对单页应用SEO优化乏力、首屏速度瓶颈等问题而产出的解决方案，近来在react、vue等前端技术栈中都得到了支持。当我们正打算抛弃传统的纯服务端渲染模式，拥抱前后端分离的最佳实践时，有些人却已经从单页应用的格局里跳出，重新去思考和定义服务端渲染。前后端同构是指在前后端维护同一份代码。它是在SPA的基础上，利用服务端渲染（SSR）直出首屏，解除单页面应用（SPA）在首屏渲染上面临的

沐童Hankle·2022-02-17 09:45

React-SSR-Nextjs

[TOC]Nextjs关于Nextjs的介绍Next.js是一个轻量级的React服务端渲染应用框架。

ZQD1997·2022-02-14 09:37

Next.js与TypeScript从零起步学习笔记-5(终).项目实战NextJs+PostgreSQL+AntDesign

参考官网:https://nextjs.org/learn/basics/getting-started开发环境:window10x64nodev10.16.3npmv6.13.41.项目初始化参考‘Next.js

KunHo·2022-02-10 21:07

2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎

近日，risingstars出炉了“2021JavaScriptRisingStars”报告。该报告结合过去12个月里GitHub上新增的star数而对2021年JavaScript领域的优秀项目做了总结。本次“2021JavaScriptRisingStars”报告里共包括以下部分：最受欢迎项目、前端框架、Node.js框架、构建工具、Vue生态圈、React生态圈、CSSinJavaScrip

·2022-02-08 13:58

vue、react等单页面项目应该这样子部署到服务器

服务端渲染：next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html

qq_39985511·2022-02-06 07:25

React 服务端渲染（Next.js）

项目前端基础开发环境搭建使用create-next-app快速创建项目create-next-app就是Next.js的脚手架工具，使用它就可以创建出一系列基本结构全局安装npminstall-gcreate-next-app

Poiey·2022-02-03 09:06

全栈框架应用快速集成 Authing SSO

https://github.com/Authing/authing-nextjs@authing/remix：https://github.com/Authing/authing-remix论坛帮助Next.js

·2022-01-30 14:38

Vercel 与 Next.js：开源全明星团队背后的商业逻辑

·2022-01-27 08:20

搞懂浏览器进程和线程

Next.js是一个用于生产的Re

·2022-01-17 16:45

前端周刊第一期

2021年对JavaScript来说是强劲的一年，尤其是Next.js、Vit

·2022-01-09 14:37

站点访问 Pageviews 实现——相比于 Next.js 我更喜欢 Remix

相比于Next.js我更喜欢Remix如题，本文以Next.js和Remix实现访问量统计为例。讲述我为什么更喜欢Remix框架。

·2022-01-04 19:35

Next.js页面之间跳转添加loading bar功能

前言next.js框架是主流的SSR框架，强大的开箱即用加上社区非常活跃让它能够在众多框架中脱颖而出。

·2021-12-25 12:00

React SSR 原理梳理

背景本文从React+Redux+React-Router+Express搭建的SSR框架具体讲一下Next.js的同构和getServerSideProps是如何实现的什么是SSRCSR是ClientSideRender

·2021-12-23 21:34

Remix.run 新手教程

感觉是已经火了啊，不知道后续跟Next.js比怎么样。不过看起来不算太复杂，很多东西都封装起来了，语法很轻。所以准备学习一下，顺便做点学习笔记。创建项目从npm下载remix最新版并生成项目。

·2021-11-26 11:33

前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify

最终选取了以下具有代表性的框架：Next.js、Nuxt.js：它们是分别与特定前端技术React、Vue绑定的前端应用开发框架，有一定的相似性，可以放在一起进行调研对比。

·2021-11-16 11:32

我看Next.js：一个更现代的海王

Next.js是一个用于生产环境的React应用框架（官方介绍：TheReactFrameworkforProduction），使用它可以快速上手开发React应用（enablesyoutobuildsuperfastandextremelyuser-friendlystaticwebsites

Node全栈·2021-11-05 09:58

手把手教会搭建react服务端渲染

概述：react有一个比较成熟的服务端渲染框架，next.js，它还支持预渲染。vue也有一个服务端渲染框架nuxt.js，这篇文章主要讲解不借助框架，如何从零实现服务端渲染的搭建。

·2021-09-24 23:37

Next.js + 云开发Webify 打造绝佳网站

Next.js酷在哪里？之前使用Next.js+strapi做了一个简单博客站点也顺道写了一篇Next.js简明教程，之后Next本身一直在迅猛发展。

·2021-09-10 18:48

Next.js 集成状态管理器和共享Token

前言最近项目中使用SSR框架next.js，过程中会遇到token存储，状态管理等一系列问题，现在总结并记录下来分享给大家。

·2021-08-31 22:41

Next.js与React服务端渲染

最近在一个资讯类的项目中用了Next.js服务端渲染，体验了一把服务端渲染的速度，首屏直出，渲染速度666。

·2021-08-31 16:40

Next.js和Gatsby的比较，我们该如何选择？

让我们先来看看用Gatsby和Next.js来启动一个网站是什么感觉。

·2021-08-28 18:50

Next.js

最近在写组件库，关注到了Next.js，项目中也正在使用，现在把它整理成文档记录一下，也希望可以帮助需要的同学。那么，什么是Next.js？它是一个React开发框架。

arial_1df2·2021-08-24 10:11

React.createRef()，React.forwardRef()，forwardRef()结合next.js的link进行路由跳转

码云https://gitee.com/skyvilm/react-next.js1.React.createRef()作用：获取dom元素使用importReact,{Component}from'react'exportdefaultclassIndexextendsComponen{constructor(props){super(props)this.myref=React.createR

樱花开了几轉·2021-08-12 16:35

Next.js 在 IE11 下报错 “对象不支持‘attachShadow’属性或方法”

解决方法：https://github.com/vercel/next.js/issues/13231package.json"@webcomponents/shadydom":"^1.7.4"next.config.jsmodule.exports

啊啵呲嘚呃佛嗝·2021-08-12 10:23

前端精选周刊第一期

e_payne·2021-07-03 15:43

react服务端渲染(express mobx webpack)

github.com/wangxiaofeid/reactServerRender技术栈：webpackexpressreactreact-routermobxless等具体实现可以看代码实现如果要查看next.js

大飞哥hh·2021-06-26 06:08

React SSR & Next.js & GraphQL & TypeScript 入门与进阶实战视频教程（18 个视频）更新完成

ReactSSR&Next.js&GraphQL&TypeScript入门与进阶实战视频教程（18个视频）image.pngReactSSR&Next.js&GraphQL&TypeScript入门与进阶实战视频教程#1介绍「02:34」ReactSSR&Next.js&GraphQL&TypeScript入门与进阶实战视频教程#2客户端rendervs服务器端render「10:59」React

求知久久编程学院·2021-06-22 01:14

React的服务端渲染框架Next.js的简介

为什么需要使用Next.jsreact/vue/angular:虽然是单页面应用，但是会导致首屏加载过慢，不利于SEO，Next.js是一个轻量级的React服务端渲染应用框架，用服务端渲染（SSR）可以解决以上两个问题

mm_tang·2021-06-21 09:17

React服务端渲染-next.js

React服务端渲染-next.js前端项目大方向上可以分为两种模式：前台渲染和服务端渲染。前台渲染-SPA应用是一个主要阵营，如果说有什么缺点，那就是SEO不好。

娜姐聊前端·2021-06-21 06:05

Github 访问量统计

基于Firebase数据库和Next.js框架的GitHubProfile的访问量统计图标.操作指南第一步:ForkFork当前项目.第二步:配置Firebase注册您个人的Firebase账户:点击开始并添加项目

·2021-06-19 23:20

Github 访问量统计

基于Firebase数据库和Next.js框架的GitHubProfile的访问量统计图标.操作指南第一步:ForkFork当前项目.第二步:配置Firebase注册您个人的Firebase账户:点击开始并添加项目

·2021-06-19 23:03

在 Next.js 使用 connect 中间件

本文节选自Next.js应用开发实践Next.js没有中间件机制。首先让我简单解释一下什么是中间件，为什么我们需要中间件。

·2021-06-19 18:44

致力于带给开发者最佳体验，Next.js 11 版本发布！

昨晚next.js.cons召开，会议发布了next.js11版本以及next.jsLive，来看看重要内容！新特性：Conformance：提供精心制作的解决方案以支持用户最佳体验的系统。性能改进：进一步优化以改善冷启动时间，以便您可以更快地开始编码。next/script：自动优先加载第三方脚本以提高性能。next/image：减少布局移位，通过自动尺寸检测和支持模糊占位符创造更流畅的视觉体验

·2021-06-19 03:04

Nuxt.js 摘录

React应用有Next.js，对应Vue的解决方案就是Nuxt.js。官网：https://nuxtjs.org/GitHub：https:/

简_easy·2021-06-13 21:37

Next.js如何配置import path

首先使用alias在next.config.js文件中,添加如下代码constpath=require('path');module.exports={webpack:config=>{config.resolve.alias['~']=path.resolve(__dirname);returnconfig;}};此时已经可以使用'~/components/Widget'这种形式的引入了让vsc

Oo晨晨oO·2021-06-07 01:19

十一、Next.js，延迟加载模块

Next.js是一个新的通用JavaScript框架，它为基于React和服务器的Web应用提供了一个新的可选方案。

小纠结在简书·2021-05-10 17:20

了解与学习 Next.js

Next.js介绍Next.js是React服务端渲染应用框架，用于构建SEO友好的SPA应用支持两种预渲染方式，静态生成和服务器端渲染基于页面的路由系统，路由零配置自动代码拆分，优化页面加载速度支持静态到处

无敌鹿·2021-05-09 14:54

八、Next.js，样式组件

Next.js是一个新的通用JavaScript框架，它为基于React和服务器的Web应用提供了一个新的可选方案。

小纠结在简书·2021-04-20 06:52

Next.js学习与实战

Next.jsgithubNext.js相关代码一.介绍Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用支持两种预渲染方式，静态生成和服务器端渲染基于页面的路由系统，路由零配置自动代码拆分

随风浅入画·2021-04-16 22:38

[react]初识Umi.JS

你可以将它简单的理解为一个专注性能的类next.js前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少我们开发者的代码量。为什么使用Umi.js?

月满轩尼诗_·2021-04-14 10:46

What's Next?@20210405

根据jamestack内容，待选的有hugo,hexo,next.js,nuxtjs,jekyll，我选了GHOST，真香学习caddy并且使用域名跳转，用ghost就行了，不学caddy了。

cwt0490·2021-04-07 13:40

阿里云ACK 使用LoadBalancer和Ingress访问web网站

·2021-04-05 21:51

10分钟用Hugo打造一个静态网站

Gatsby(React/JS)Hugo(Go)Next.js(React/JS)Jekyll(Ruby)Gridsome(Vue/JS)这些项目在GitHub上的知

·2021-04-02 08:47

React ssr框架Next.js 的生产实践

首先感慨一句，next真是一个版本狂人啊，一周就一个下版本1.按照官网的方式初始化一个Next.js项目遇到的一些问题默认初始化的框架样式支持sass，组件级别的[name].module.css，但默认不支持

·2021-03-21 01:21

next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序

前端渲染：vue、react等单页面项目应该这样子部署到服务器貌似从前几年，前后端分离逐渐就开始流行起来，把一些渲染计算的工作抛向前端以便减轻服务端的压力，但为啥现在又开始流行在服务端渲染了呢？如vue全家桶或者react全家桶，都推荐通过服务端渲染来实现路由。搞得我们慌得不行，不禁让我想起一句话：从来没有任何一门语言的技术栈像Javascript一样，学习者拼尽全力也不让精通。没办法，流行，咱们

·2021-03-19 17:52

React 框架原理与实战——04-04-React服务端渲染专题(原生实现，next.js集成框架，Gatsby)

文章目录1.ReactSSR1.1服务器端渲染1.1.1实现ReactSSR1.1.2webpack打包配置1.1.3项目启动命令配置1.2客户端React附加事件1.2.1实现思路分析1.2.2客户端二次“渲染”hydrate1.2.3客户端React打包配置1.2.4添加客户端包文件请求链接1.2.5服务器端实现静态资源访问1.3优化1.3.1合并webpack配置1.3.2合并项目启动命令1

junying6·2021-03-04 09:06

Next.js

NEXTJS介绍Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用.支持两种预渲染方式,静态生成和服务器端渲染.基于页面的路由系统,路由零配置自动代码拆分.优化页面加载速度.支持静态导出

进阶__前端漫漫路·2021-02-21 17:21

3分钟上线一款应用，我是怎么做到的？

举个栗子：下方是部署SSR框架Next.js的流程动图，感受一下，只需要按照流程点点点，即

·2021-02-01 16:48

鱼和熊掌兼得：Next.js 混合渲染

写在前面React生态中，SSR支持做得最好的可能是Next.js，但SSR并不是Next.js的全部，只是其提供的预渲染支持之一：SSG（StaticSiteGeneration/StaticGeneration

·2021-01-29 03:55

3分钟上线一款应用，我是怎么做到的？

举个栗子：下方是部署SSR框架Next.js的流程动图，感受一下，只需要按照流程点点点，即

·2021-01-28 21:44

推荐频道

Next.js

next.js 的服务端渲染机制（一）

React-SSR-Nextjs

Next.js与TypeScript从零起步学习笔记-5(终).项目实战NextJs+PostgreSQL+AntDesign

2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎

vue、react等单页面项目应该这样子部署到服务器

React 服务端渲染（Next.js）

全栈框架应用快速集成 Authing SSO

Vercel 与 Next.js：开源全明星团队背后的商业逻辑

搞懂浏览器进程和线程

前端周刊第一期

站点访问 Pageviews 实现——相比于 Next.js 我更喜欢 Remix

Next.js页面之间跳转添加loading bar功能

React SSR 原理梳理

Remix.run 新手教程

前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify

我看Next.js：一个更现代的海王

手把手教会搭建react服务端渲染

Next.js + 云开发Webify 打造绝佳网站

Next.js 集成状态管理器和共享Token

Next.js与React服务端渲染

Next.js和Gatsby的比较，我们该如何选择？

Next.js

React.createRef()，React.forwardRef()，forwardRef()结合next.js的link进行路由跳转

Next.js 在 IE11 下报错 “对象不支持‘attachShadow’属性或方法”

前端精选周刊第一期

react服务端渲染(express mobx webpack)

React SSR & Next.js & GraphQL & TypeScript 入门与进阶实战视频教程（18 个视频）更新完成

React的服务端渲染框架Next.js的简介

React服务端渲染-next.js

Github 访问量统计

Github 访问量统计

在 Next.js 使用 connect 中间件

致力于带给开发者最佳体验，Next.js 11 版本发布！

Nuxt.js 摘录

Next.js如何配置import path

十一、Next.js，延迟加载模块

了解与学习 Next.js

八、Next.js，样式组件

Next.js学习与实战

[react]初识Umi.JS

What's Next?@20210405

阿里云ACK 使用LoadBalancer和Ingress访问web网站

10分钟用Hugo打造一个静态网站

React ssr框架Next.js 的生产实践

next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序

React 框架原理与实战——04-04-React服务端渲染专题(原生实现，next.js集成框架，Gatsby)

Next.js

3分钟上线一款应用，我是怎么做到的？

鱼和熊掌兼得：Next.js 混合渲染

3分钟上线一款应用，我是怎么做到的？