{"id":300,"date":"2022-06-01T23:41:56","date_gmt":"2022-06-01T15:41:56","guid":{"rendered":"https:\/\/blog.indeex.club\/?p=300"},"modified":"2022-05-23T16:57:29","modified_gmt":"2022-05-23T08:57:29","slug":"%e4%bd%bf%e7%94%a8next-js%e5%81%9assr","status":"publish","type":"post","link":"https:\/\/blog.indeex.club\/index.php\/2022\/06\/01\/%e4%bd%bf%e7%94%a8next-js%e5%81%9assr\/","title":{"rendered":"\u4f7f\u7528next.js\u505assr"},"content":{"rendered":"

\u76ee\u524d\u4f7f\u7528next.js<\/em>\u7684\u8d8a\u6765\u8d8a\u591a\uff0c\u8fd9\u91cc\u662f\u53ea\u662f\u4e00\u4e2a\u6a21\u7248\u8bb0\u5f55\u3002<\/p>\n

\u5f00\u59cb<\/h2>\n

First, run the development server:<\/p>\n

npm run dev\n# or\nyarn dev<\/code><\/pre>\n
Open http:\/\/localhost:3000<\/a> with your browser to see the result.<\/p>\n
sass<\/h2>\n
npm i -S sass<\/code><\/pre>\n
\u76f4\u63a5\u4f7f\u7528\uff0c\u65e0\u9700\u5176\u4ed6\u914d\u7f6e<\/p>\n
\u79fb\u52a8\u7aef\u9002\u914d<\/h2>\n
\u5b89\u88c5postcss-px-to-viewport<\/em><\/p>\n
npm i -D postcss-px-to-viewport<\/code><\/pre>\n
\u6839\u76ee\u5f55\u65b0\u5efapostcss.config.js<\/em>\uff1a<\/p>\n
\/*\n * @Author: indeex\n * @Date: 2019-05-19 19:30:45\n * @Email: indeex@qq.com\n *\/\nmodule.exports = {\n    plugins: {\n        'postcss-px-to-viewport': {\n            \/\/ \u89c6\u7a97\u7684\u5bbd\u5ea6\uff0c\u5bf9\u5e94\u7684\u662f\u6211\u4eec\u8bbe\u8ba1\u7a3f\u7684\u5bbd\u5ea6\uff0c\u6211\u4eec\u516c\u53f8\u7528\u7684\u662f375\n            viewportWidth: 375,\n            \/\/ \u89c6\u7a97\u7684\u9ad8\u5ea6\uff0c\u6839\u636e750\u8bbe\u5907\u7684\u5bbd\u5ea6\u6765\u6307\u5b9a\uff0c\u4e00\u822c\u6307\u5b9a1334\uff0c\u4e5f\u53ef\u4ee5\u4e0d\u914d\u7f6e\n            \/\/ viewportHeight: 1334,\n            \/\/ \u6307\u5b9a`px`\u8f6c\u6362\u4e3a\u89c6\u7a97\u5355\u4f4d\u503c\u7684\u5c0f\u6570\u4f4d\u6570\n            unitPrecision: 3,\n            \/\/ \u6307\u5b9a\u9700\u8981\u8f6c\u6362\u6210\u7684\u89c6\u7a97\u5355\u4f4d\uff0c\u5efa\u8bae\u4f7f\u7528vw\n            viewportUnit: 'vw',\n            \/\/ \u6307\u5b9a\u4e0d\u8f6c\u6362\u4e3a\u89c6\u7a97\u5355\u4f4d\u7684\u7c7b\uff0c\u53ef\u4ee5\u81ea\u5b9a\u4e49\uff0c\u53ef\u4ee5\u65e0\u9650\u6dfb\u52a0,\u5efa\u8bae\u5b9a\u4e49\u4e00\u81f3\u4e24\u4e2a\u901a\u7528\u7684\u7c7b\u540d\n            selectorBlackList: ['.ignore'],\n            \/\/ \u5c0f\u4e8e\u6216\u7b49\u4e8e`1px`\u4e0d\u8f6c\u6362\u4e3a\u89c6\u7a97\u5355\u4f4d\uff0c\u4f60\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u4e3a\u4f60\u60f3\u8981\u7684\u503c\n            minPixelValue: 1,\n            \/\/ \u5141\u8bb8\u5728\u5a92\u4f53\u67e5\u8be2\u4e2d\u8f6c\u6362`px`\n            mediaQuery: false\n            \/\/ exclude: undefined\n        }\n    }\n}<\/code><\/pre>\n
CSS3\u81ea\u52a8\u8865\u5168<\/h2>\n
\u5b89\u88c5autoprefixer<\/em><\/p>\n
npm i -D autoprefixer<\/code><\/pre>\n
\u4fee\u6539postcss.config.js<\/em>\uff1a<\/p>\n
\/\/...\n\nplugins: {\n    'autoprefixer': {\n        overrideBrowserslist: [\n            "Android 4.1",\n            "iOS 7.1",\n            "Chrome > 31",\n            "ff > 31",\n            "ie >= 8"\n            \/\/'last 2 versions', \/\/ \u6240\u6709\u4e3b\u6d41\u6d4f\u89c8\u5668\u6700\u8fd12\u4e2a\u7248\u672c\n        ],\n        grid: true\n    },\n}\n\n\/\/...<\/code><\/pre>\n
\u5728Home.module.scss<\/em>\u4e2d\u6dfb\u52a0\uff1a<\/p>\n
transform:rotate(30deg);<\/code><\/pre>\n
\u8fdb\u884c\u6d4b\u8bd5<\/p>\n
\u6dfb\u52a0meta<\/h2>\n
\u5728index.js<\/em>\u4e2d\u6dfb\u52a0\uff1a<\/p>\n
<Head>\n    <meta charSet="utf-8" \/>\n    <meta name="keywords" content="indeex" \/>\n    <meta name="description" content="indeex" \/>\n    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" \/>\n    <meta httpEquiv="Pragma" content="no-cache" \/>\n    <meta httpEquiv="Expires" content="0" \/>\n    <meta httpEquiv="X-UA-Compatible" content="IE=edge" \/>\n    <meta name="robots" content="all" \/>\n    <meta name="author" content="indeex@qq.com" \/>\n    <meta name="copyright" content="" \/>\n    <meta property="image" content="https:\/\/blog.indeex.club\/wp-content\/uploads\/2020\/06\/cropped-author%E7%99%BD%E5%BA%95-1-32x32.png" \/>\n    <meta itemProp="image" content="https:\/\/blog.indeex.club\/wp-content\/uploads\/2020\/06\/cropped-author%E7%99%BD%E5%BA%95-1-32x32.png" \/>\n    <meta name="description" itemProp="description" content="indeex" \/>\n    <meta property="og:type" content="indeex" \/>\n    <meta property="og:title" content="indeex" \/>\n    <meta property="og:description" content="indeex" \/>\n    <meta property="og:image" content="https:\/\/blog.indeex.club\/wp-content\/uploads\/2020\/06\/cropped-author%E7%99%BD%E5%BA%95-1-32x32.png" \/>\n    <meta property="og:url" content="" \/>\n    <meta property="og:videosrc" content="" \/>\n    <meta property="og:width" content="300" \/>\n    <meta property="og:height" content="600" \/>\n    <meta name="renderer" content="webkit" \/>\n    <meta name="apple-mobile-web-app-capable" content="yes" \/>\n    <meta name="screen-orientation" content="portrait" \/>\n    <meta name="full-screen" content="true" \/>\n    <meta name="x5-fullscreen" content="true" \/>\n    <meta name="x5-orientation" content="portrait" \/>\n    <meta name="360-fullscreen" content="true" \/>\n    <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" \/>\n    <meta httpEquiv="Cache-Control" content="no-siteapp" \/>\n    <link rel="icon" href="https:\/\/blog.indeex.club\/wp-content\/uploads\/2020\/06\/cropped-author%E7%99%BD%E5%BA%95-1-32x32.png" \/>\n    <title>\n       ssr mobile with indeex\n    <\/title>\n<\/Head><\/code><\/pre>\n
\u914d\u7f6eantd-mobile<\/h2>\n
\u5b89\u88c5antd-modile<\/em>\uff1a<\/p>\n
npm i -S antd-mobile<\/code><\/pre>\n
\u5b89\u88c5next-transpile-modules<\/em>\u3001next-images<\/em>\uff1a<\/p>\n
npm i -D next-transpile-modules next-images<\/code><\/pre>\n
\u4fee\u6539next.config.js<\/em>\uff1a<\/p>\n
\/** @type {import('next').NextConfig} *\/\n\nconst withImages = require('next-images')\n\nconst withTM = require('next-transpile-modules')([\n  'antd-mobile',\n]);\n\nconst nextConfig = {\n  reactStrictMode: true,\n  distDir: "build",\n}\n\nmodule.exports = withTM(withImages(nextConfig))<\/code><\/pre>\n
\u5728index.js<\/em>\u4e2d\u4f7f\u7528antd-mobile<\/em>\uff1a<\/p>\n
\/\/...\n\nimport { Steps, Avatar, List } from 'antd-mobile';\n\n\/\/...\n\n\/\/...\n<Avatar src="" style={{ '--size': '54px', borderRadius: '30px' }} \/>\n<List header="\u7533\u8bf7\u4fe1\u606f">\n<List.Item extra="\u672a\u5f00\u542f" clickable>\n    \u5927\u5b57\u53f7\u6a21\u5f0f\n<\/List.Item>\n<List.Item description="\u7ba1\u7406\u5df2\u6388\u6743\u7684\u4ea7\u54c1\u548c\u8bbe\u5907" clickable>\n    \u6388\u6743\u7ba1\u7406\n<\/List.Item>\n<List.Item title="\u8fd9\u91cc\u662f\u6807\u9898">\u8fd9\u91cc\u662f\u4e3b\u4fe1\u606f<\/List.Item>\n<\/List>\n\/\/...<\/code><\/pre>\n
\u6ce8\u610f\uff1a<\/p>\n
\u90e8\u5206\u8b66\u544a\u9700\u8981\u7b49\u5f85\u5b98\u65b9\u89e3\u51b3\uff0c\u6bd4\u5982\uff1a<\/p>\n
\n
Warning: useLayoutEffect does nothing on the server\u7684\u9519\u8bef, because its effect cannot be encoded into the server renderer’s output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https:\/\/reactjs.org\/link\/uselayouteffect-ssr<\/a> for common fixes.<\/p>\n<\/blockquote>\n
Router<\/h2>\n
\u65e0\u9700\u589e\u52a0\u989d\u5916\u7684\u6587\u4ef6\uff0c\u53ea\u9700\u5728pages<\/em>\u6587\u4ef6\u5939\u4e2d\u65b0\u589eabout.js<\/em>\u5373\u53ef\uff1a<\/p>\n
-- pages\n    -- index.js\n    -- about.js<\/code><\/pre>\n
\u4f7f\u7528useRouter<\/em>\uff0c\u5e76\u53ef\u4ee5\u643a\u5e26\u53c2\u6570\u8df3\u8f6c\uff1a\uff0c\u4fee\u6539index.js<\/em>\uff1a<\/p>\n
\/\/...\nconst router = useRouter()\n  const handleAvatar = () => {\n    router.push({pathname: 'about', query: {id: 666, name: "indeex"}})\n  }\n\/\/...\n\n\/\/...\n<Button onClick={handleAvatar}>\u8df3\u8f6c\u5230\u5173\u4e8e\u9875\u9762<\/Button>\n\/\/...<\/code><\/pre>\n
about.js<\/em>\uff1a<\/p>\n
\/*\n * @Author: indeex\n * @Date: 2019-05-19 19:54:39\n * @Email: indeex@qq.com\n *\/\nimport { Button, List } from 'antd-mobile';\nimport { useRouter } from 'next\/router';\n\nfunction About(props) {\n    const router = useRouter()\n\n    const {id, name} = router.query\n\n    const handleBack = () => {\n        router.push({pathname: '\/', query: {}})\n    }\n\n    return (\n        <div>\n            <Button onClick={handleBack}>\u8fd4\u56de<\/Button>\n            <List header={id + " : " + name + "\u7684\u4e00\u4e2a\u5217\u8868"}>\n                <List.Item extra="\u672a\u5f00\u542f" clickable>\n                \u5927\u5b57\u53f7\u6a21\u5f0f\n                <\/List.Item>\n                <List.Item description="\u7ba1\u7406\u5df2\u6388\u6743\u7684\u4ea7\u54c1\u548c\u8bbe\u5907" clickable>\n                \u6388\u6743\u7ba1\u7406\n                <\/List.Item>\n                <List.Item title="\u8fd9\u91cc\u662f\u6807\u9898">\u8fd9\u91cc\u662f\u4e3b\u4fe1\u606f<\/List.Item>\n            <\/List>\n        <\/div>\n    )\n}\n\nexport default About<\/code><\/pre>\n
Axios<\/h2>\n
\u5b89\u88c5axios<\/em>\uff1a<\/p>\n
npm i -S axios<\/code><\/pre>\n
\u5728\u6839\u76ee\u5f55\u6587\u4ef6\u4e0b\u65b0\u5efautils<\/em>\u6587\u4ef6\u5939\uff0c\u65b0\u5efaaxios.js<\/em>\u6587\u4ef6\uff1a<\/p>\n
\/*\n * @Author: indeex\n * @Date: 2019-05-19 19:58:15\n * @Email: indeex@qq.com\n *\/\nimport axios from 'axios'\n\nlet baseURL\nif (process.env.NODE_ENV === 'production') {\n    baseURL = '\u751f\u4ea7\u73af\u5883\u5730\u5740'\n} else {\n    baseURL = '\u5f00\u53d1\u73af\u5883\u5730\u5740'\n}\n\n\/\/ \u62e6\u622a\u5668\naxios.interceptors.response.use((response) => {\n    return response\n}, (error) => {\n    return Promise.reject(error)\n})\naxios.interceptors.request.use((config) => {\n    \/\/ config.headers['Accept'] = 'application\/vnd.dpexpo.v1+json'\n    config.baseURL = baseURL\n    config.timeout = 10000\n    return config;\n}, (error) => {\n    return Promise.reject(error)\n})\n\n\/\/ axios\u7684get\u8bf7\u6c42\nexport function getReq({\n    url,\n    params = {}\n}) {\n    return new Promise((resolve, reject) => {\n        axios.get(url, {\n            params,\n        }).then(res => {\n            resolve(res.data)\n        }).catch(err => {\n            console.log(err, '1')\n            reject(err)\n        })\n    })\n}\n\n\/\/ axios\u7684post\u8bf7\u6c42\nexport function postReq({\n    url,\n    data\n}) {\n    return new Promise((resolve, reject) => {\n        axios({\n            url,\n            method: 'post',\n            data\n        }).then(res => {\n            resolve(res.data)\n        }).catch(err => {\n            reject(err)\n        })\n    })\n}\n\nexport default axios<\/code><\/pre>\n
\u6ce8\u610f\u4e0d\u8981\u5728pages<\/em>\u6587\u4ef6\u5939\u4e0b\u3002<\/p>\n
\u5728api<\/em>\u6587\u4ef6\u4e2d\u65b0\u5efaabout.js<\/em>\uff1a<\/p>\n
import { getReq, postReq } from "..\/utils\/axios"\n\nconst url = 'https:\/\/www.fastmock.site\/mock\/2aeaa7d7a3b169abc7931f5e4cf75eb9\/live\/getProfiles'\n\nexport const getArticle = (params) => {\n  return  getReq({url, params})\n}<\/code><\/pre>\n
\u4fee\u6539pages<\/em>\u6587\u4ef6\u5939\u4e2d\u7684about.js<\/em>\uff1a<\/p>\n
\/\/...\nimport { getArticle } from '.\/api\/aboutApi'\n\/\/...\n\n\/\/...\n<List header={id + " : " + name + "\u7684\u4e00\u4e2a\u5217\u8868"}>\n    {\n        props.footPrintRespList.map(item => (\n            <List.Item title="" description={item.userId} key={item.userId}>\n                <Avatar src={item.avatar} style={{ '--size': '60px', borderRadius: '30px', float: "right" }} \/>\n                \u5566\u5566\u5566\u5566\u5566\u5566\n            <\/List.Item>\n        ))\n    }\n<\/List>\n\/\/...\n\n\/\/...\nexport const getServerSideProps = async () => {\n    let result = await getArticle({})\n    \/\/ let { data: { data } } = result.data\n    let data = result.data.data\n    return {\n        props: {\n            ...data\n        }\n    }\n}\n\/\/...<\/code><\/pre>\n
\u4e5f\u53ef\u4ee5\u4f7f\u7528getStaticProps<\/strong>\uff1a<\/p>\n
    \n
  1. \n
    \u6784\u5efa\u65f6\u9884\u6e32\u67d3SSG\uff1a\u5e94\u7528\u6784\u5efa\u65f6\u83b7\u53d6\u4e00\u6b21\u6570\u636e\uff0c\u4e4b\u540e\u4e0d\u53d8\u3002<\/p>\n<\/li>\n
  2. \n
    \u5728\u8fd4\u56de\u7684\u5bf9\u8c61\u4e2d\u589e\u52a0revalidate<\/em>\u5b57\u6bb5\uff0c\u6bcf\u9694\u591a\u5c11\u79d2\u62c9\u53bb\u4e00\u6b21\u6570\u636e\uff0c\u5982\u679c\u6709\u65b0\u6570\u636e\u91cd\u65b0\u751f\u6210\u65b0\u7684\u9759\u6001\u9875\u9762\uff0c\u5982\u679c\u5931\u8d25\u4e0d\u66f4\u65b0\uff0c\u4f7f\u7528\u4e4b\u524d\u7f13\u5b58\u7684\u9875\u9762\uff1a<\/p>\n<\/li>\n<\/ol>\n
    \/\/...\nexport async function getStaticProps() {\n  const data = await fetch('https:\/\/xxxx')\n  return {\n    props: {\n      ...data,\n    },\n    revalidate: 1000,\n  }\n}\n\/\/...<\/code><\/pre>\n
    \u4e00\u822c\u4e0egetStaticPaths<\/strong>\u6307\u5b9a\u8def\u7531\u6839\u636e\u6570\u636e\u9884\u6e32\u67d3\u9875\u9762\u4e00\u8d77\u4f7f\u7528\uff0c\u8fd9\u4e24\u79cd\u90fd\u662f\u76f4\u63a5\u751f\u6210\u9759\u6001\u9875\u9762<\/p>\n
    getServerSideProps<\/strong>\u662fssr\uff0c\u6bcf\u6b21\u8bf7\u6c42\u90fd\u4f1a\u91cd\u65b0\u751f\u6210\u65b0\u7684\u9759\u6001\u9875\u9762<\/p>\n
    \u53d1\u5e03<\/h2>\n
    \u4fee\u6539package.json<\/em>\uff1a<\/p>\n
    \/\/...\n"start": "next build && next start",\n\/\/...<\/code><\/pre>\n
    \u6bcf\u6b21\u8fd0\u884c\u65f6\uff0c\u81ea\u52a8build\u4e00\u6b21<\/p>\n
    \u90e8\u7f72<\/h2>\n
    \u4e00\u7248\u4f7f\u7528PM2\u5b88\u62a4\u8fdb\u7a0b\uff0c\u5728\u670d\u52a1\u5668\u7aef\u6216\u672c\u673a\u5b89\u88c5\uff0c\u67d0\u4e9b\u670d\u52a1\u5668\u5382\u5546\u4e5f\u4f1a\u6709\u4e00\u952e\u90e8\u7f72\u6216\u8f85\u52a9\u90e8\u7f72\u7684\u5de5\u5177\u6216\u5df2\u7ecf\u8bbe\u7f6e\u597d\u7684\u670d\u52a1\u5668\uff1a<\/p>\n
    npm i -g pm2<\/code><\/pre>\n
    \u4e5f\u53ef\u4f7f\u7528\u914d\u7f6e\u6587\u4ef6ecosystem.config<\/em><\/p>\n
    \u5c06build\u540e\u7684\u6587\u4ef6\u5939\u6216\u9879\u76ee\u6587\u4ef6\u5939\u4e0a\u4f20\u5230\u670d\u52a1\u5668<\/p>\n
    \u8fdb\u5165build\u6587\u4ef6\u5939\u6216\u9879\u76ee\u6587\u4ef6\u5939\u7136\u540e\u4f7f\u7528\uff1a<\/p>\n
    pm2 start npm --name 'indeex-demo' -- run build<\/code><\/pre>\n
    \u7136\u540e\u662f\u6839\u636e\u7aef\u53e3\uff0c\u914d\u7f6enginx\u5373\u53ef\uff0c\u7aef\u53e3\u53ef\u6839\u636e\u9700\u6c42\u4fee\u6539\uff0c\u4e5f\u53ef\u4ee5\u8fd0\u884c\u65f6\u6307\u5b9a\uff1a<\/p>\n
    "start": "next build && next start -p 8080",<\/code><\/pre>\n
    \u5bfc\u51fa\u9875\u9762<\/h2>\n
    \u5982\u679c\u4e0d\u60f3\u4f7f\u7528node\u670d\u52a1\u90e8\u7f72\uff0c\u4e5f\u53ef\u4ee5\u5bfc\u51fa\u9875\u9762\uff0c\u76f4\u63a5\u653e\u5230\u670d\u52a1\u5668\u4e0a\u9762\uff1a<\/p>\n
    "export": "next export",<\/code><\/pre>\n
    \u5bfc\u51fa\u540e\u5c31\u662f\u666e\u901a\u5e26\u6709.html<\/em>\u7684\u9875\u9762\uff0c\u5bfc\u51fa\u7684\u9875\u9762\u8d44\u6e90\u8def\u5f84\u4e3a\u670d\u52a1\u5668\u7684\/<\/em>\uff0c\u5982\u679c\u9700\u8981\u653e\u5165\u670d\u52a1\u5668\u4e8c\u7ea7\u76ee\u5f55\uff0c\u9700\u8981\u4fee\u6539next.config.js<\/em>\uff1a<\/p>\n
    \/\/...\n\nbasePath: "\/nextjs-demo",\n\n\/\/...<\/code><\/pre>\n
    \u7136\u540e\u91cd\u65b0build\uff0c\u7136\u540e\u91cd\u65b0export\u3002\u5982\u679c\u60f3\u8981\u533a\u5206\u5f00\u53d1\u548c\u751f\u4ea7\u73af\u5883\uff0c\u5728\u914d\u7f6e\u91cc\u81ea\u884c\u533a\u5206\uff0c\u5728\u5176\u4ed6\u8def\u5f84\u4e2d\u914d\u7f6e\u5373\u53ef\u3002<\/p>\n
    PC\u7aef<\/h2>\n
    PC\u7aef\u53ea\u9700\u8981\u5c06antd-mobile<\/em>\u6539\u4e3aantd<\/em>\uff0c\u7136\u540e\u5728postcss.config.js<\/em>\u4e2d\u589e\u52a0\u76f8\u5173\u6837\u5f0f\u7c7b\u5373\u53ef\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u53bb\u6389px2rem\u7684\u914d\u7f6e\u3002<\/p>\n
    \u670d\u52a1\u5668\u7aef\u6e32\u67d3\u6bd4\u8f83\u9002\u5408\u504f\u9759\u6001\u7c7b\u9875\u9762\u6216\u4e00\u4e9b\u7b80\u5355\u8bf7\u6c42\u7684\u9875\u9762\uff0c\u5982\u5b98\u7f51\u3001\u5ba3\u4f20\u9875\u3001\u535a\u5ba2\u3001\u8bba\u575b\u3001\u65b0\u95fb\u7b49\u3002<\/p>\n
    \u6548\u679c\u9884\u89c8\u5730\u5740\uff1a<\/p>\n
    next.js ssr:https:\/\/hungking.org\/nextjs-demo\/<\/a><\/p>\n
    \"next.js<\/p>\n
    code enjoy! \ud83e\udd96\ud83e\udd96\ud83e\udd96<\/p>\n
    \u4f5c\u8005\uff1aindeex  <\/p>\n
    \u94fe\u63a5\uff1ahttps:\/\/indeex.club<\/a>  <\/p>\n
    \u8457\u4f5c\u6743\u5f52\u4f5c\u8005\u6240\u6709\u3002\u5546\u4e1a\u8f6c\u8f7d\u8bf7\u8054\u7cfb\u4f5c\u8005\u83b7\u5f97\u6388\u6743\uff0c\u975e\u5546\u4e1a\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u51fa\u5904\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
    \u76ee\u524d\u4f7f\u7528next.js\u7684\u8d8a\u6765\u8d8a\u591a\uff0c\u8fd9\u91cc\u662f\u53ea\u662f\u4e00\u4e2a\u6a21\u7248\u8bb0\u5f55\u3002 \u5f00\u59cb First, run the deRead More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts\/300"}],"collection":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":2,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts\/300\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts\/300\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/media?parent=300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/categories?post=300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/tags?post=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}