摘要： "scripts": { "dev": "next dev", "build": "next build", "start": "next start -p 80" }, 如果引入antd的样式，打包会报错！删除按需引入的antd样式 在page目录下，新建一个_app.js文件，_app.js文件 阅读全文

摘要： 首先需要让next支持css文件 yarn add @zeit/next-css 建立一个next.config.js const withCss = require('@zeit/next-css') if(typeof require !== 'undefined'){ require.exte 阅读全文

摘要： CSS import React, {useState} from 'react' function Jspang(){ //关键代码 start const [color,setColor] = useState('blue') const changeColor=()=>{ setColor(c 阅读全文

摘要： yarn add axios import axios from 'axios' const Page = ({ stars }) => <div> Next stars: {stars} </div> Page.getInitialProps = async ({ req }) => { cons 阅读全文

摘要： import React from 'react' import Link from 'next/link' import Router from 'next/router' const Home = () => { function gotoXiaojiejie(){ Router.push({ 阅读全文

摘要： pages和components 1.直接在根目录下的pages文件夹下，新建一个jsyang.js页面，启动后 访问路径为/jsyang 2.在根目录下新建文件夹components,新建组件com1.js文件， export default ({children})=><button>{chil 阅读全文

摘要： react和vue做的都是单页面应用 缺点：1.不适合SEO 2.启动慢 解决方案：next.js 参考技术胖的资料进行学习 https://jspang.com/detailed?id=51#toc21 1.手动创建next.js 创建文件夹 D: mkdir NextDemo npm init 阅读全文