raoenhui / next-site-cn

next.js中文文档网站

前言

Next.js 是一个轻量级的 React 服务端渲染应用框架。

next.js中文文档:http://nextjs.frontendx.cn

当前翻译版本为 7.0.0-canary.8。

案例

• 用nextjs + express + MongoDB的增删改查项目:程序员英语学习

• 本站就是next.js编写的生成静态网站，是个很好的 Demo, ^ ^.

讨论组

https://gitter.im/next-site-cn/nextjs?utm_source=share-link&utm_medium=link&utm_campaign=share-link

安装运行

• Clone 代码到本地并运行

git clone https://github.com/raoenhui/next-site-cn.git
cd next-site-cn
yarn
yarn dev

• 在浏览器中打开 http://localhost:3000 进行访问

相关仓库

• Next.js
• Next.js Plugins
• Blog

next-site-cn's Issues

使用postcss-loader出现的问题！！！！

我的postcss-config.js
`const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');

module.exports = {
plugins: [
autoprefixer({
overrideBrowserslist: ['> 1%', 'last 4 versions'],
}),
pxtorem({
rootValue: 70,
unitPrecision: 5,
propList: ["*"],
selectorBlackList: [/^.nop2r/, /^.am/],
replace: true,
mediaQuery: false,
minPixelValue: 0
})
],
};next.config.jsconst withCSS = require('@zeit/next-css')
module.exports = withCSS()
const withSass = require('@zeit/next-sass')
module.exports = withSass({
cssModules: true,
cssLoaderOptions: {
importLoaders: 1,
localIdentName: "[local]___[hash:base64:5]",
}
}) 出现的问题如下： 我给一个h1标签设置字体大小h1 {
display: flex;
flex: 1;
font-size: 20px;
width: 70px;
}`
但是在浏览器显示：

next.js 自定义路由

我想实现自定义路由/detail/2333

const express = require('express');
const next = require('next');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
    const server = express();
    server.get('/detail/:id', (req, res) => {
        const actualPage = '/detail';
        return app.render(req, res, actualPage);
    });
    server.get('*', (req, res) => {
        handle(req, res);
    });
    server.listen(8060, '0.0.0.0');
});

可是这样写没有效果，连服务都起不来了
求助

请教一下，关于showcase界面图片加载过度的实现

您好，想请教一下showcase使用svg画出过度图片是怎么实现的。
就是就showcase-manifest.js这个文件下面的mapping下面的data字段的值是怎么计算出来的。
感谢~

关于postcss-pxtorem

hello 您知道nextjs 中 post-pxtorem 怎么配置吗， 我配置后没法设置html 中根元素 font-size 大小，也就没法自定义 postcss-pxtorem 中rootValue 了 有什么解决办法吗~
谢谢~

文章内部锚点无法跳转

比如这样的锚点

你好，方便更新到最新版吗， 谢谢你