NextJS

前端React Nextjs中的TS类型过滤实用技巧

目录自我介绍分步介绍开胃小菜keyofinConditional泛型正餐开始实战应用例子最后大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚的TS写法，不花点时间下去根本看不懂，换作是我们，可能就直接一个any完事了，但是真正当项目体积变大后，你会发现这些TS骚操作真的很重要，因为它能很好地帮助你做静态类型校验自我介绍TS类型过滤，英文名（我自己取的）叫
·2022-08-09 11:24

React 数据共享useContext的实现

采用的是Nextjs、styled-components、useContext、react-query、ts今天不做重点介绍项目，还是说说在项目中碰到的问题。
·2022-05-16 11:13

nextjs + typescript 配置paths alias

在tsconfig.json下,可以配置path的alias需要额外几个配置build时增加tsc-aliasnpmitsc-alias--save-dev运行时增加tsconfig-pathsnpmitsconfig-paths--save-dev
·2022-05-13 15:49

React文件名和目录规范最佳实践记录(总结篇)

component组件文件page如果有路由(ReactRouter、NextJS等)，则有页面文件util需要复用的工具函数helper一段特
·2022-05-12 14:03

nextjs-react，解决前端跨域问题

方法有很多这里只列举两例(修改nextconfig文件和使用express+http中间件)跨域解决问题本地开发dev环境1、next.config.js文件重写地址(实现跨域)module.exports={asyncrewrites(){return[//接口请求前缀带上/api-text/{source:'/api-text/:path*',destination:`http://127.0
·2022-03-03 20:28

React-SSR-Nextjs

[TOC]Nextjs关于Nextjs的介绍Next.js是一个轻量级的React服务端渲染应用框架。
ZQD1997·2022-02-14 09:37

使用umi开发react-native应用

记得似乎是从nextjs起，前端框架就进入了带编译时的时代。自此，开发者可以迅速投入到业务代码的开发，而不用去搭建脚手架，写一堆配置和胶水代码去整
xuyuanxiang·2022-02-11 17:50

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

nextjs 打包报错，TypeError: Cannot read property 'filter' of undefined

问题描述：本地环境代码运行正常，docker打包错后代码运行报错。错误如下：TypeError:Cannotreadproperty'filter'ofundefinedatNextScript.getPolyfillScripts(/web/.next/server/static/XR8-mivDhVLY652oufpE9/pages/_document.js:767:26)12:02:430|
小马哥MM·2022-02-06 02:36

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

可用资源NPM包@authing/nextjs：https://github.com/Authing/authing-nextjs@authing/remix：https://github.com/Authing
·2022-01-30 14:38

深入学习SSR , NextJS 一起重构 掘金!

前言逃不开的SSR，大掘金就是使用Nuxt的SSR，本篇文章对SPA单页面应用的的一些SEO痛点进行总结，再简单实现一下掘金PC界面，学习一下Next，冲！所以一位程序员的职业生涯大约十年，只有人寿命的十分之一。前端项目只是你生活工作的一部分，而你却是它的全部，你是他的灵魂。请放下长时间的游戏、工作时的摸鱼。多学习来以最完美的状态好好陪你项目！正文主页讲解单页面加载和SEO问题。掘金PC还有许多功
·2022-01-22 20:20

不想安装环境，我如何与前端工程师远程协作开发？

为了让用户了解并试用项目，她准备用Nextjs这个前端框架搭建一个用户使用手册网站。写文档的时候，她想到了我这个产品经理朋友，希望我能够帮助她一起开发这个网站，提供更好的用户体验。
·2021-12-24 14:22

React、Nextjs中的TS类型过滤原来是这么做的~

大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚的TS写法，不花点时间下去根本看不懂，换作是我们，可能就直接一个any完事了，但是真正当项目体积变大后，你会发现这些TS骚操作真的很重要，因为它能很好地帮助你做静态类型校验今天就来介绍一个在其它开源库中见到的既花里胡哨，又实用的TS类型——TS类型过滤自我介绍TS类型过滤，英文名（我自己取的）叫Filter
「零一」·2021-12-08 08:47

react版本markdown编辑器md-editor-rt，支持ssr

作者的博客前端内容是使用nextjs开发的，而内容管理又是使用vue开发的，提取编辑文章和内容渲染的功能形成了这个项目。1.预览1.1功能预览快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏
·2021-08-13 17:43

参考文档

跨域设置https://enable-cors.org/React相关https://reactjs.org/https://nextjs.org/https://www.gatsbyjs.org/前端
大地母亲忽悠着你·2021-06-15 12:01

【从零开始NextJS】1）前言

NextJS的最大特点就是服务端渲染（SSR：serversiderender），如果有以下需求可以考虑用NextJS：1、项目是类电商网站需要SEO，Next会返回完整的html页面方便搜索引擎抓取。
吴小思被占用·2021-06-11 03:16

nextjs IE11 对象不支持“attachShadow”属性或方法

报错：SCRIPT438:对象不支持“attachShadow”属性或方法1、package.json//+"@webcomponents/shadydom":"^1.7.4","next-transpile-modules":"^4.0.2",2、next.config.jsconstwithTM=require('next-transpile-modules');//...constorigi
Axiba·2021-06-08 16:38

Eggjs配合Nextjs使用

[TOC]Eggjs-Nextjs先使用Nextjs的脚手架搭建整体架构这里使用npxcreate-next-appmy-next-app安装egg.js我们先进入到项目的根文件夹中(与创建的package.json
ZQD1997·2021-06-06 21:19

nextjs的路由和koa

这边有一点是需要认识到的就是，koa和next之间的结合，正常来说我们在使用nextjs的时候，已经被提供了一个server足以让整个next项目运行期俩，那么为什么我们还要引入koa？
Alec_650e·2021-04-30 06:44

Nextjs版本升级梳理

Nextjs版本升级梳理Nextjsv10内置Image组件实现自动图片优化功能importImagefrom'next/image'图像会自动延迟加载，意味着图像仅在邻近用户观看视口时才进行实际渲染图片尺寸固定
·2021-03-31 21:26

Nextjs

Nextjs优点Nextjs详解basicfeaturespages每个页面是和路由相关的，路由又是基于文件名称的Nextjs为每个页面提前生成html，而不是全部由客户端javaScript生成，预渲染会使页面性能和
·2021-03-31 21:47

Leafage 诞生记（一）

基于以上目标，然后根据自己对前端的技术了解和掌握（工作主要是后台开发，会一些angular和vue），来开始进行技术选型：1.前端开发技术，可选的有：nuxtjs(vue技术栈)：上手简单，模块分离；nextjs
·2021-03-09 22:44

Next.js

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

[NextJS]在Web端实现.md文件内容展示

NextJS开发过程中，使用了MateriaUI进行博客网站搭建，对Markdown的语法插件markdown-to-jsx了解不多，并且想要高亮代码块的显示效果。
·2021-01-25 14:20

[NextJS]Aliplayer(阿里云播放器)在NextJS的实现

在今天的开发过程中接触到了NextJS，因为项目需要所以进行了NextJS的阿里云播放器接入，以下是过程记录。
·2021-01-25 14:58

[NextJS]在Web端实现.md文件内容展示

NextJS开发过程中，使用了MateriaUI进行博客网站搭建，对Markdown的语法插件markdown-to-jsx了解不多，并且想要高亮代码块的显示效果。
·2021-01-25 14:47

nextjs中rem和媒体查询实现响应式布局

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。响应式设计与自适应设计的区别：响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容；自适应需要开发多套界面，通过检测视口分辨率，来判断当前访问的设备是pc端、平板、手机，从而请求服务层，返回不同的
SUNNERCMS·2021-01-08 18:54

[NextJS]Aliplayer(阿里云播放器)在NextJS的实现

在今天的开发过程中接触到了NextJS，因为项目需要所以进行了NextJS的阿里云播放器接入，以下是过程记录。
泉州牧码人·2021-01-04 16:37

axios 携带cookie_react服务端渲染: cookie如何透传给后端，后端如何设置cookie

透传明白next的渲染流程很重要：浏览器打开页面->node服务请求后端接口->node服务渲染页面并响应node服务透传cookie给后端接口：此时cookie只能从request中取的cookie:nextjs
weixin_39605278·2021-01-04 05:57

antd radio设置默认选中_搭建 Next.js + TS + Antd + Redux + Storybook 企业级项目脚手架

前言⭐Nextjs-TS-Antd-Redux-Storybook-Jest-Starter之所以有该项目呢，是因为日常可能自己需要练手其他Next.js项目，又不想每次都重新配置一遍，但基于强迫症正常企业级项目该有的配置觉得不能少了
谭康熹·2020-12-25 21:37

助力ssr，使用concent为nextjs应用加点料

开源不易，感谢你的支持，❤starconcent^_^序言nextjs是一个非常流行的React服务端渲染应用框架，它很轻量，简单易上手，社区活跃，所以当我们使用react写一个需要ssr(serversiderender
钟正楷·2020-12-21 11:59

助力ssr，使用concent为nextjs应用加点料

开源不易，感谢你的支持，❤starconcent^_^序言nextjs是一个非常流行的React服务端渲染应用框架，它很轻量，简单易上手，社区活跃，所以当我们使用react写一个需要ssr(serversiderender
钟正楷·2020-12-21 11:58

助力ssr，使用concent为nextjs应用加点料

开源不易，感谢你的支持，❤starconcent^_^序言nextjs是一个非常流行的React服务端渲染应用框架，它很轻量，简单易上手，社区活跃，所以当我们使用react写一个需要ssr(serversiderender
钟正楷·2020-12-19 19:00

nextjs 根据生产环境和测试环境打不同的包

在nextjs中，只需要简单的配置就可以完成我们需要的工作，我之前做的时候是根据官方文档写的建立.env.development,.env.production以及.env.test,但是打test包之后总是报一个无限循环的
蓝调爵士·2020-11-25 14:44

nextjs 根据生产环境和测试环境打不同的包

在nextjs中，只需要简单的配置就可以完成我们需要的工作，我之前做的时候是根据官方文档写的建立.env.development,.env.production以及.env.test,但是打test包之后总是报一个无限循环的
蓝调爵士·2020-11-25 14:03

Next.js入门教程

参考代码：https://github.com/chkui/nextjs-getting-started。
weixin_34348174·2020-09-15 12:21

nextjs集成redux

store文件import{createStore,applyMiddleware}from'redux'//redux的初始值constinitialState={lastUpdate:0,light:false,count:0};//reducer纯函数constreducer=(state=initialState,action)=>{switch(action.type){case'TIC
qq_40566547·2020-09-14 09:14

你需要了解的六种渲染模式

背景周末在网上冲浪，看到个消息：NextJS9.3将静态站点生成功能引入了Next.js平台。静态站点生成,也就是所谓的SSG:StaticSiteGeneration。
前端瓶子君·2020-09-12 22:22

从零搭建一个基于React+Nextjs的SSR网站(四)：如何搭建服务器并部署Nextjs项目

从零搭建一个基于React+Nextjs的SSR网站(一)：写在前面从零搭建一个基于React+Nextjs的SSR网站(二)：在Nextjs项目中增加react+redux从零搭建一个基于React+
邵天宇Soy·2020-09-11 19:16

2018 年终总结

职业篇博客之前博客系统一直用的Ghost，然而Ghost的新版在vps上升级迁移遇到很多问题，后来索性自己用nodejs写了一个，基于nextjs。
王铁手·2020-08-24 14:02

nextjs服务端渲染原理

1.简单的介绍一下nextjs是react进行服务端渲染的一个工具，默认以根目录下的pages为渲染路由比如我在pages目录下创建一个index.js文件，然后exportdefault一个组件，就会在页面上呈现出来这个组件这个特性作为他最知名的优点
weixin_30402085·2020-08-22 23:26

手把手带你入门 NextJs（v9.5）

前言Next.js之前用过一次，这次是重新做个小回顾，现在最新版本已经到了9.5.3，有些API也同以前有点不同了，网上大部分教程也都是旧版本v7的比较多，故打算写下简单的教程，绝对详细的带你入个小门。库版本本文案例用的关键库版本如下："next":"^9.5.2","react":"^16.13.1",node版本为12.18.1（node版本>=10.13即可）初始化Next.js项目新建一个
JackySummer·2020-08-21 19:39

css-vars-ponyfill 在ie环境下使用问题（nextjs 构建）

为了解决ie，qq，百度浏览器等兼容性问题，引入css-vars-ponyfill，但是在ie浏览器下，css-vars-ponyfill的在nextjs下表现不佳，主要缺陷是由于页面是服务端渲染，因此用户在看到界面后
j_bleach·2020-08-21 19:04

手把手带你入门 NextJs（v9.5）

前言Next.js之前用过一次，这次是重新做个小回顾，现在最新版本已经到了9.5.3，有些API也同以前有点不同了，网上大部分教程也都是旧版本v7的比较多，故打算写下简单的教程，绝对详细的带你入个小门。库版本本文案例用的关键库版本如下："next":"^9.5.2","react":"^16.13.1",node版本为12.18.1（node版本>=10.13即可）初始化Next.js项目新建一个
JackySummer·2020-08-21 17:15

css-vars-ponyfill 在ie环境下使用问题（nextjs 构建）

为了解决ie，qq，百度浏览器等兼容性问题，引入css-vars-ponyfill，但是在ie浏览器下，css-vars-ponyfill的在nextjs下表现不佳，主要缺陷是由于页面是服务端渲染，因此用户在看到界面后
j_bleach·2020-08-17 07:32

React: NextJS FrameWork

NextJshttps://nextjs.org/docs该框架可以用文件目录代替route，且会自动使用lazyloading；内容为React代码；只有pages文件夹下的文件为path；其余的component
豌豆射手GCC·2020-08-14 13:12

TypeScript结合React全家桶(antd、axios、Nextjs)的一些类型总结

TypeScript结合React全家桶的一些类型总结(一些常用自带的类型,持续补充)如果对Typescript不了解的可以先去官方API,学习一波TypeScript官方API(点击跳转)注意：不用清除的看懂代码，只需要了解类型即可，或者观看我其它博客可以有相应的介绍等1.React类型总览(包括React本身、router、antd的类型)1.1React本身常用类型无状态组件，函数的类型定义
Mack Liu·2020-08-05 20:27

Eggjs配合Nextjs使用

文章目录Eggjs-Nextjs先使用Nextjs的脚手架搭建整体架构安装egg.js路由配置连接数据库创建基本数据接口拿取数据解决跨域问题小结：Eggjs-Nextjs先使用Nextjs的脚手架搭建整体架构这里使用
ZQD1997·2020-08-04 12:46

「干货」你需要了解的六种渲染模式

背景周末在网上冲浪，看到个消息：NextJS9.3将静态站点生成功能引入了NextJS平台。静态站点生成,也就是所谓的SSG:StaticSiteGeneration。
皮小蛋·2020-08-02 21:46

使用Vue、React和Koa开发个人博客

其中：后端管理使用Vue开发前端页面使用React服务端渲染框架nextjs接口服务使用Koa2+mongodb+mongoose（使用nodemailer当接口发生500时向我发送邮件通知）项目地址是点我访问项目地址
weixin_34407348·2020-07-30 20:03
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他