Next.js

用 Serverless 优雅地实现图片艺术化应用

项目看点概览：前端react（Next.js）、后端node（koa2）全面使用ts进行开发，极致开发体验（后端运行时ts的方案，虽然性能差
Serverless·2020-10-09 13:06

React Next.js基本配置（antd按需加载，next支持原本的css）

1、全局安装命令行工具npminstall-gcreate-next-app2、使用命令建立项目npxcreate-next-appproject3、查看是否成功创建next项目cdprojectyarndev4、让next支持cssyarnadd@zeit/next-css配置：根目录下新建next-config.js复制代码进去：constwithCss=require('@zeit/next
归去来兮_十二·2020-09-15 12:33

React使用Next.js作服务器端渲染

React使用Next.js作服务器端渲染内容包含什么是React服务端渲染，为什么解决ReactSEO是否需要服务端渲染使用Next.js实现React的服务端渲染,基本语法Next.js简介安装getInitialPropsjsxstylestatic
同是天涯程序猿·2020-09-15 12:45

Next.js入门教程

>>>阅读之前在了解Next.js之前，需要掌握React的基本使用方法。参考代码：https://github.com/chkui/nextjs-getting-started。
weixin_34348174·2020-09-15 12:21

使用Next.js构建React服务端渲染应用

next.js简介最近在学React.js，React官方推荐使用next.js框架作为构建服务端渲染的网站，所以今天来研究一下next.js的使用。
weixin_34318956·2020-09-15 12:50

react服务端渲染框架Next.js踩坑（二）

这节课我们一起来完成项目的架构源码githubreact服务端渲染框架Next.js踩坑（一）react服务端渲染框架Next.js踩坑（二）react服务端渲染框架Next.js踩坑（三）react服务端渲染框架
weixin_34320159·2020-09-15 12:19

react服务端渲染框架Next.js踩坑（三）

源码react服务端渲染框架Next.js踩坑（一）react服务端渲染框架Next.js踩坑（二）react服务端渲染框架Next.js踩坑（三）react服务端渲染框架Next.js踩坑（四）一、页面
weixin_34195546·2020-09-15 12:10

react基础学习和react服务端渲染框架next.js踩坑

这里讲一个react服务端渲染的框架-next.js踩坑过程。
weixin_34176694·2020-09-15 12:38

react服务端渲染框架Next.js踩坑（一）

写在前面next.js是react的同构库，用它可以快速搭建一个react服务端渲染的框架，相比于直接用react配置服务端渲染简单了不少。对于没写过SSR项目，想要尝试一下的同学是个挺好的选择。
weixin_33829657·2020-09-15 12:19

react - next.js 引用本地图片和css文件

1.图片把图片放在/static/文件夹中，在component中用imgtag：2.css把css文件放在/static/文件夹中，在pages/index.js中添加Head和link：importHeadfrom'next/head'classHomePageextendsReact.Component{render(){return()}}转载于:https://www.cnblogs.c
weixin_30865427·2020-09-15 12:36

next.js创建新项目_使用Next.JS创建多语言站点—第2部分

next.js创建新项目Thisarticlewasoriginallypostedhere.本文最初发布在这里。
weixin_26750481·2020-09-15 11:39

next.js 多级路由_Next.js教程：静态和动态路由

next.js多级路由如何在Next.js中实现和使用路由(HowtoimplementanduseroutesinNext.js)Helloeveryone!
weixin_26750481·2020-09-15 11:39

react seo 优化_使用React + Next.JS设计可定制的，SEO优化的个人网站

reactseo优化Forthepastcoupleofyears,mypersonalwebsitehasbeenhostedonaHerokufreedyno.ItwasNode.JSwithanExpressbackendandaEJSfront-end.Itworkedwellforthemostpart,buttherewereseveraldownsides.在过去的几年中，我的个人网
weixin_26750481·2020-09-15 11:39

使用React服务端渲染Next.js框架构建一个简单项目

Next.js是什么Next.js是一个使用React构建服务呈现Web的应用程序。它使用React语法，可以很好的实现代码的模块化，有利于代码的开发和维护。
忘于江湖-CJF·2020-09-15 11:40

next.js配置css和scss共用

在next框架中如果你引用了第三方的ui库那么你肯定要引入相应的ui库样式，这样样式基本都是编译后的css文件。然而我们日常开发中的样式要么是scss，less之类的css预处理器。在next框架中如果不进行相应的配置是不能同时使用css和scss的。npminstallcss-loadernode-sass@zeit/next-css@zeit/next-sass--save在根目录下新建nex
养只猫·2020-09-15 11:42

react next.js打包

在打包的时候如果遇到以下问题，原因可能是引入第三方库配置时导致的解决：删除.babelrc中style:css新建_app.js文件importAppfrom'next/app'import'antd/dist/antd.css'exportdefaultApp然后重启再npmrunbuild打包就可以了
讨口子·2020-09-15 11:49

Next.js如何引入百度分享(外部引用)类似的外部js，以及如何操作window

前言近期使用React官方推荐的服务端渲染工具Next.js进行服务端页面编程时遇到引入百度分享等外部JS文件的问题。
how2js·2020-09-15 11:48

next.js下css-module和组件的import样式共存的配置方法

Next.js是一个轻量级的React服务端渲染应用框架。
天府第5街①号切图仔·2020-09-15 10:57

next.js_Next.js手册

next.jsIwrotethistutorialtohelpyouquicklylearnNext.jsandgetfamiliarwithhowitworks.我编写本教程是为了帮助您快速学习Next.js
cumichun6193·2020-09-15 10:05

react next.js点击任何区域关闭弹框,以点击按钮弹出下拉菜单为例

import{useState,useEffect,useCallback,useRef,memo}from'react'importIconfrom'../icon';import'../../public/css/ui/drop_down.css';functiondrop_down(props){const{menu,name,icon,current}=props;//menu=[{//i
qq_41211900·2020-09-15 09:04

react next.js引用第三方js方法

//在线字体引入为列：//官方提供js代码如下：(function(d){varconfig={kitId:'ewt6vfg',scriptTimeout:3000,async:true},h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+"wf-ina
qq_41211900·2020-09-15 09:33

react next.js中引用iconfont中的svgsymbol模式方法

importReact,{Component,memo}from'react'classiconextendsComponent{componentDidMount(){if(typeofwindow!=='undefined'){require('../public/js/iconfont.js');}}render(){//console.log("props",this.props);con
qq_41211900·2020-09-15 09:33

react中的next.js，安装css和less

npminstall@zeit/next-css--savenpminstall--save@zeit/next-lesslessnext.config.jsconstwithCss=require('@zeit/next-css');constwithLess=require('@zeit/next-less');//fix:preventserrorwhen.cssfilesarerequir
qq_41211900·2020-09-15 09:32

here map集成到react next.js中，实现自定义api

想要集成next.js,就需要get-js这个npm，加载heremap基本代码。
qq_41211900·2020-09-15 09:32

在Next.js中引入Redux|第一篇

前言春节在家里做了一点关于Next.js的工作，由于知识点比较多，空余写作时间比较零碎，我决定采用系列文的形式对所有知识点进行回顾总结，争取一篇文章讲明一个点，本篇要讲的是如何通过React高阶组件在Next.js
Jerry的博客·2020-09-14 09:20

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

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

Next.js+Typescript+Yarn 构建服务端渲染项目（1）

本章进行基础项目框架的搭建，使用到的技术点包括基础框架：Next.js（一个轻量级的React服务端渲染应用框架）构建工具：YarnTypescript后面我们会再了解eslint等工具的引入github
SunnyQK·2020-09-12 22:31

next.js源码学习

本文为作者学习next.js框架架构的一些总结，仅出于个人观点，可留言共勉。
SunnyQK·2020-09-12 22:00

Next.js踩坑入门系列（四）— 中期填坑

Next.js踩坑入门系列(一)HelloNext.js(二)添加Antd&&CSS(三)目录重构&&再谈路由(四)Next.js中期填坑(五)引入状态管理Redux(六)再次重构目录(七)其他相关知识填坑第一坑
weixin_34239592·2020-09-11 20:29

多语言解决方案

next-i18nextnext-i18next用于next.js项目的插件允许快速启动和运行翻译完全支持SSR、多个名称空间和代码分割next-i18next底层使用的是i18next和react-i18next
weixin_33825683·2020-09-11 17:27

在Create React App和Next.js之间决定

Ifyouarereadingthis,you’reprobablyaReactdeveloperwhoisdecidingbetweenCreateReactApp(CRA)andNext.jsforyournewproject.IhaveusedbothextensivelyinseveralprojectsandhavecometoloveNext.jsforitssimplicity,ea
weixin_26750481·2020-09-10 23:37

React.js和Vue.js的语法并列比较

而且Next.js和Nuxt.js甚至将它们带入了一个新的高度，这有助于我们以更少的配置和更好的可维护性来创建应用程序。
杭州程序员小张·2020-09-10 13:13

在云函数 SCF 里为 Next.js 跑 SSR

Next.js、Nuxt.js都是SSR框架。本篇文章将介绍Next.js。
Serverless·2020-08-24 17:27

快速迁移 Next.js 应用到函数计算

首先介绍下在本文出现的几个比较重要的概念：函数计算（FunctionCompute）:函数计算是一个事件驱动的服务，通过函数计算，用户无需管理服务器等运行情况，只需编写代码并上传。函数计算准备计算资源，并以弹性伸缩的方式运行用户代码，而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息参考。Fun:Fun是一个用于支持Serverless应用部署的工具，能帮助您便捷地管理函数计算、AP
阿里巴巴云原生·2020-08-24 16:03

初次搭建Next.js项目历程(精)

使用create-next-app初始化项目create-next-app和react官方提供的create-react-app(CRA)非常像，next.js官方也自带了create-next-app
Awbeci·2020-08-24 16:59

react umi+dva开发基本流程（1）

umi以路由为基础的，支持类next.js的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。
入戏半分笑·2020-08-24 10:25

tailwind css_如何使用Tailwind CSS设置Next.js

tailwindcssIfyou’restartinganewReactproject,youmightwanttoconsiderNext.jsandTailwindCSS.Inthisarticle,wewillexplainwhythiswouldbeagreatchoiceandwalkyouthroughtheprocessofsettingupanewprojectusingthese
weixin_26738395·2020-08-24 03:28

react ssr 框架next.js开发个人网站心得

前言完全借助于next.js开发的个人网站，线上地址http://www.liuweibo.cn总结一下开发完成后的心得和使用体会。
编程浪子Weibozzz·2020-08-23 18:00

react服务端渲染next.js+antd

next.js是基于react实现的服务端渲染，为单页面实现良好的seo带来了福音；初次采坑next.js;1.next.js+antd实现滚动到相应的位置动态的添加class名来实现动画效果，但是在开阶段完全没有问题
lqdcanty·2020-08-22 17:16

魅族官网基于 next.js 重构实践总结与分享

项目背景俗话说，脱离业务谈代码的都是耍流氓。在此我先简单介绍下重构项目的背景。截图镇楼：魅族官网首页在2015年，公司前端大佬猫哥基于FIS3深度定制开发了一套前端工程体系mz-fis,该框架经历3年来的网站改版升级需求，都很好的完成了需求任务。但随着项目越来越大，以及前端技术快速迭代。老项目的痛点越发明显。此次重构解决了那些痛点1.随着项目越来越大,前端编译打包流程巨慢。（算上图片视频等资源，仓
ccfnever·2020-08-22 13:57

用 next.js 做一个服务端渲染的加密货币网站

学习next.jsnext.js是一个基于React的通用JavaScript框架，next.js为React组件模型提供了扩展，支持基于服务器的组件渲染(SSR)，同时也支持在客户端继续进行渲染。
lxz·2020-08-22 10:33

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

前言Next.js之前用过一次，这次是重新做个小回顾，现在最新版本已经到了9.5.3，有些API也同以前有点不同了，网上大部分教程也都是旧版本v7的比较多，故打算写下简单的教程，绝对详细的带你入个小门。
JackySummer·2020-08-21 19:39

使用next.js开发网址缩短服务

一、网址缩短服务的原理网址缩短服务，并不是压缩算法。而是把原网址存储在数据库中，用短的参数做key，届时取出原始url，并跳转。因此，短网址最适合用key/value数据库。那么，短网址的唯一参数，如何生成呢？其实用的就是10进制转62进制。functionstring10to62(number){varchars='0123456789abcdefghigklmnopqrstuvwxyzABCD
codetyphon·2020-08-21 19:48

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

前言Next.js之前用过一次，这次是重新做个小回顾，现在最新版本已经到了9.5.3，有些API也同以前有点不同了，网上大部分教程也都是旧版本v7的比较多，故打算写下简单的教程，绝对详细的带你入个小门。
JackySummer·2020-08-21 17:15

从零开始React服务器渲染

如果你的项目是刚刚开始的话，我是建议你用Next.js直接写的，如果你的公司的项目在可把控的时间和财力的话，我还是建议你迁移一下到Next.js上。如果你的项目已经是用SPA的话，那今天就可能帮到你。
傻梦兽·2020-08-21 09:54

React服务端渲染Next.js，帮你迭代React项目快速加载

服务端加载注意只能在父组件里面执行，子组件无法执行如果没有安装axios,请先执行yarnaddaxios//服务端加载的钩子//getInitialProps参数1.`pathname`-URL的path部分2.`query`-URL的query部分，并被解析成对象3.`asPath`-显示在浏览器中的实际路径（包含查询部分），为`String`类型4.`req`-HTTP请求对象(只有服务器端
最好的陪521yyf·2020-08-21 04:03

React和Vue语法并排比较：状态管理

其它两篇：React.js和Vue.js的语法并列比较Next.js和Nuxt.js的语法比较议程创建StoreAction异步ActionReducer|MutationCombine-Reducers
杜尼卜·2020-08-21 03:09

如何优雅地部署一个 Serverless Next.js 应用

但它只是将Next.js应用部署到Serverless服务上而已，并不适合实际生产业务。
Serverless·2020-08-20 17:47

如何优雅地部署一个 Serverless Next.js 应用

但它只是将Next.js应用部署到Serverless服务上而已，并不适合实际生产业务。
Serverless·2020-08-20 17:47

开发函数计算的正确姿势 —— 移植 next.js 服务端渲染框架

2019独角兽企业重金招聘Python工程师标准>>>首先介绍下在本文出现的几个比较重要的概念：函数计算（FunctionCompute）:函数计算是一个事件驱动的服务，通过函数计算，用户无需管理服务器等运行情况，只需编写代码并上传。函数计算准备计算资源，并以弹性伸缩的方式运行用户代码，而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息参考。Fun:Fun是一个用于支持Serverl
weixin_34290000·2020-08-17 16:34
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他