Next.js– category –
-
Next.jsの環境変数：NEXT_PUBLIC_の使い方と重要性
今回は、Next.jsアプリケーション開発において非常に重要な概念であるNEXT_PUBLIC_環境変数について詳しく解説します。 NEXT_PUBLIC_とは？ NEXT_PUBLIC_は、Next.jsで... -
next.config.js
next.config.jsとは Next.jsプロジェクトの設定を行うための重要なファイル 一般的な設定項目 const nextConfig = { // リアクトの厳格モードを有効化 reactStrictMode:... -
【Next.js】Imageコンポーネントnext/image（画像最適化機能）とは
参考サイト Next.js 13のImageコンポーネントの簡単な使い方とメリットhttps://www.zenryoku-kun.com/post/nextjs13-image 画像最適化の舞台裏をのぞき見👀してnext/ima... -
【Next.js】App Routerでメタタグを設定する方法
Next.jsのApp Routerでメタタグを設定する方法を解説します。 新しいApp Routerは、従来のpagesディレクトリを使用する方法とはいくつか違いがあり、設定方法が少し変わ... -
Next.jsビルド
Next.jsのバージョン14.0.0で、静的サイト生成（SSG）のビルド方法が変わりました： 新しい方法： next.config.jsファイルに"output": 'export'を追加します。 next bui... -
Next.js App Router 始め方
ディレクトリベースのルーティング appディレクトリ配下の構造がそのままウェブサイトのページ構成になります。 各page.jsファイルでデフォルトエクスポートされたコン... -
Next.js の Blog Starter Kit を使ったブログサイト作成手順
Blog Starter Kitとは？ Next.jsは、ブログ作成のためのスターターキットも提供しています。 Next.jsのBlog Starter Kitは、ブログ作成に必要な基本的な機能と構造が既... -
WordPressプラグイン「WPGraphQL」使用手順
GraphQLとは GraphQLはAPIのためのクエリ言語（問い合わせ言語） 柔軟なデータ取得: クライアントが必要なデータのみを指定して取得できます。 単一エンドポイント: 複... -
Next.js”AppRouterで始めるNext.js：最新のルーティング機能を徹底解説”Next.js
プロジェクトの作成 npx create-next-app@latest . --typescript --eslint --src-dir --app --import-alias "@/*" コマンドのオプションについて 「.」 は、現在のディ...
1