小编Phi*_*hil的帖子

我一直在本地开发 Next.js 网站，现在想将其设置在我的 Apache 服务器上（使用 cPanel）。但是，我对 Next.js 和 Node 应用程序非常陌生，不太确定如何去做。

有人成功做到这一点吗？您能否列出所需的步骤以及服务器上应有哪些文件？

另外，这可以在子域上完成吗？

谢谢你！

我正在开发一个多页面网站，前端使用 Next.js，后端使用 Strapi。在博客页面上，数据是从数据库动态获取的。我正在尝试使用 Masonry 以自适应布局显示这些数据。

我遇到的问题是，在第一次加载时，页面在单个垂直列中显示每个网格项。重新加载时，砌体布局就会生效，但有一些重叠的项目。第二次重新加载时，所有内容都会正确显示，甚至可以响应。但是，如果我离开该页面并返回，则会回到第一个方块。

这是博客页面的代码：

import React from 'react';
import Layout from '../components/StaticLayout';
import Link from 'next/link';
import fetch from 'isomorphic-unfetch';
import '../../static/styles.min.css';

let Masonry = '';

export default class Blog extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      appIsMounted: false
    }
  }

  static async getInitialProps() {
    const res = await fetch('http://localhost:1337/blogposts');
    const data = await res.json();

    return {
      posts: data
    };
  }

  async componentDidMount() {
    let masonry = await import('masonry-layout');
    this.setState({
      appIsMounted: true
    })
  }

  render() …