Latest Stories

これで基本は取得できる。しかし動的なルートは こんな感じになってしまった を使えばの中も取得できた

ローカルで動かしているときは問題なくページがロードできるのに、本番環境ではサブディレクトリのmdxファイルのデータが取得できていない。 ローカルでビルド結果を見るとがとなっていた... 元となっているプロジェクトはnetlify-templates/nextjs-blog-theme というファイルをローカル環境では読み込めるのにNetlify…

GithubActionsを使ってデプロイしたらページが見つからないとなってしまった。 .github/workflows/netlify.yml secretsの設定も問題ない デプロイもできている... ・・・ しばらく調べてみた結果 How to Deploy Next.js to Netlify Manually を見るとプラグイン入れて でいける？ 早速試してみる 無事Github…

ルートディレクトリにを作る このファイルは通常の Node.js モジュールであり JSON ファイルではありません。 Next.js サーバーとビルドフェーズで使用され、ブラウザのビルドには含まれません。 next.config.js このようにすることによってビルド時にpostsディレクトリの画像がpublicにコピーされる mdx…

テンプレートはnetlify-templates/nextjs-blog-theme フォルダの名称を変更 pages/posts/[slug].js ↓ pages/posts/[[...slug]].js すると pages/posts/[[...slug]].jsのgetStaticPropsやgetStaticPathsがエラーになるから返り値などを変更 utils/mdx-utils…

next-mdx-remoteを使ってmarkdownを表示するとき このようにdivタグで囲むと表示できない 画像のサイズはどうやって調整するのか？ netlify-templates/nextjs-blog-theme のテンプレートを使用している pages/posts/[slug].jsを編集する mdx…

モバイル、タブレットの場合は右上にハンバーガーメニューを表示して、 それ以上の大きさの画面の時は横にメニューを並べていく モバイル、タブレットの場合: PCの場合: のパッケージをインストールする 以下はtailwindcss Responsive Headerをほぼそのまま使っている

テンプレート生成 名前は？ テンプレートのタイプは？ どのスタック？ 以下のファイル群が出来上がる ローカルで動作確認 これを試すにはまずdockerを入れる必要がある m1 macの場合はこちらからダウンロード インストールするとdockerコマンドが使えるようになる docker内にコンテナ作成 データベース設定 スタート 無事動かすことができました

メニュー 簡単なブログサイトの構築 どうやってデータを取得するか Remixのファイルルーティンをどうやって構築するか テンプレートのナビゲーションメニューの修正 どうやってcssをインポートするか テンプレート生成 名前は？ テンプレートのタイプは？ どこにデプロイする？ TypeScriptかJavaScript? これでcloudflare…

Netlifyのページを見るとNextjsのテンプレートがあるExperience Next.js on Netlify netlify-templates/nextjs-blog-theme netlify-templates/next-netlify-starter cassidoo/next-contentful-starter ixartz/Next-js-Blog-Boilerplate…