プログラムメモ
Category
Next.js
Claude Code , Cursor , ChatGPT
AI
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
Node.js / Bun / pnpm / npm
WEB制作(html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server(MS-SQL)
React
Vue3
Next.js
Vue.js
postgreSQL
Go
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発(ASP.NET Core / C#)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
現在のgitブランチのリモート(アップストリーム upstream)を確認する。
last , lastb , utmpdump コマンド
未使用のパッケージや未使用のインポートを調査する knip
git worktree とは
ReactのuseReducer を理解しやすくする
3000番ポートを開放する
プロセスマネージャー pm2で next.js を動作させる
Plesk で メールサーバのDKIM設定, DMARC設定
AWS をコマンドから操作する AWS CLI
Googleのクラウドサーバ Google Compute Engine を利用する
RTK Query
Next.js で viewport を設定する
Firebase Cloud Messaging (FCM)で通知を送る
Google Looker Studio (名称変更 → Google Data Studio)
Google Search Console MCP
Goコードレビューでよく指摘されるやつ
RTK Query mutation の Error型を判別する
pnpm を使う
nvm で nodejs のバージョンを管理する
css によるコンテナクエリ
Visual Studio Code (vs code)の拡張機能を公開する
Claude Code便利コマンド
画像をSVGに変換するオンラインウェブアプリ
cssで改行コードをそのまま表示する
Promise で 成功したものだけ、最初に実行完了したものを取得する
検索
Next.js
トップに戻る
新規投稿
tags
フロントエンド開発の先端を突っ走るNext.js
next.js アプリの初期化( npx create-next-app@latest <アプリ名> ) または pnpm create next-app@latest <アプリ名> または bun create next-app <アプリ名> )
クイックリンク
Next.js で viewport を設定する
next.js 16.3 で データ取得前の状態をテストしやすくなった
nextjs の .env.development などの .env ファイル解決ロジック
Next.js DevTools MCP
next.js の 並列ルート(Parallel Routes)
next.js で ビルド中を判別する
next.js で hydration error が起きる可能性があるものを調べる。
tailwind を使わないUIコンポーネント Mantine をインストールする
Next.jsでFirebase Analyticsを使う
next.js ondemand ISR のキャッシュの場所
設定なしで SSR対応できる高速css in js ! linaria を使ってみる
Next.js 14 → 15 へのアップグレード時に考慮すべきこと
3000番ポートを開放する
Next.js に HeroUI ( + tailwindcss@4 ) を設定する。
黄金比でレイアウトされるLiftkitコンポーネント
Next.js に biome をインストールする
next.js ローカルフォントを使用する
ビルド時に tsc の方チェックを省略するとどれくらいビルドが早くなるのか?
next.js のビルドサイズを解析する
next.js instrumentation.ts
next.js 本番環境でデバッグする
Next.js production mode でログを取得したい
Next.js app router の SSR の Data cache Revalidation について
Next.js Version 15 でのキャッシュ挙動のまとめ
next.js の /api/ エンドポイントを /apinext/ に変えたい
Next.js で 警告「Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element」
Next.js で Next UI
Next.js AppRoute で Firesotreチャットアプリサンプル
Next.js AppRouter のおすすめeslint 設定
next.js で Google Analytics
dynamic assetPrefix
Next.js Web Vitals
lint-staged と husky を設定する
eslint で typescript エラーを吐かせる
next.js の 多言語ブログで ビルド時に静的にルートを生成して高速化する
Next.js の App Router ざっくりまとめ
next.js standalone
next.js アプリを https で起動する
Next.js のページが 「サーバー」/「クライアント」でどう動いているかを調べる
t3 stack (trpc) で Date型を扱う
next.js で class-transformer と class-validator を使用する
create t3 app でプロジェクトを作成する
Cloud Run へ Next.js アプリをデプロイ ( Dockerfile 使用 )
Next.js App Router@14 の サーバーサイド fetch のキャッシュについて
Cloudflare へ next.js app router アプリをデプロイ
next.js で .env.staging を使用したい
Next.jsのApp routerでtRPCサーバを立てて、サーバーサイド、クライアントサイドから利用する
next.js (app router) で 現在のURLパス、クエリパラメーターを取得する
app router の API機能(Route Handlers)/ tRPC でエンドポイントを作成する
Next.js app router で プレーンなjson以外のクラスを Server → Client へ渡す
next.js アプリに typescript で jest を記述する。環境変数を読み込ませる
ブラウザ環境か node.js 環境かを判別する
next.js で tailwind.css が効かない時に調べるところ
next.js の Image の fallback
Next.js で css module を使用する
next.js で .envにtypescript 型定義をつける
npm script で ブラウザを開く
Next.js AppRouter で emotionを使う方法
zustand
すでに作成ずみの Next.js アプリを Firebase Hosting へデプロイする
テンプレートを使ってNext.js を Firebase Hosting へデプロイする ( SSR は Firebase Functionsへ )
firebase hosting
● (Next.js App Router)のコンポーネントが 「サーバー」/「クライアント」どちらかのみで動作することを限定する
Next.js で 多言語
next.js (pages router) で 現在のURLパス、クエリパラメーターを取得する
next.js の アプリをサブディレクトリで動作させる
next.js の ルートURL を変更する
next.js で cypress の E2Eテスト
nextjs middleware
Next.js で 画面遷移、1つ前の履歴に戻る
Next.js + SQLite
Next.js での SSR回避方法3選 ( hydration error , document error 回避)
Next.js アプリの初期化
Next. js で getLayout パターンで 共通のレイアウトページを作成する
Next.js で 環境ごとに 設定ファイル(.env.development , .env.production)をわける
create t3 app でプロジェクトを作成する
● create t3 app でプロジェクトを作成する
https://create.t3.gg/
npm create t3-app@latest <アプリ名>
No.2450
01/22 16:28
edit
edit
delete