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を行うと、静的ファイルを書き出すことが出来ました。