flabaka.com blog

next.config.jsの設定

作成したNextJSブログのデプロイ先を Vercel ではなく、Static HTML Exportをした上で、契約しているサーバーに配置してアクセスしてみると、CSSが適用されていない&個別ページにアクセスすると、404エラーが… assetPrefix、basePath、trailingSlashなど、next.config.jsの設定を色々見直してみました。他にも画像やfaviconも表示されていなかったので、meta.jsファイルやmarkdownファイルのパスを修正してみました。

NextJSとTailWindCSSでブログを作ってみる

公式のチュートリアルが一通り終わったので、NextJSとTailWindCSSでブログを作ってみました。デプロイ先は Vercel にしようかな? と思ったんですが、頻繁に更新するものではないので、SSG(Static Site Generation)で十分かな? と。静的ファイルを作成し、契約しているサーバーに配置する事にしました。Static HTML Exportを実行すると、next/imageでエラーが発生。どうやらImageコンポーネントが使えない様なので、通常のimgタグに置き換えexportを行うと、静的ファイルを書き出すことが出来ました。