Next.js の特別ファイル・設定まとめ【AppRouter】 🔖 4

はじめに先日、React の勉強会で、Next.js App Router の設定やファイル規約について取り上げました 🫐App Router では、エラー・ローディング状態や、SEO 設定の方法を簡略化してくれています！今回は、Next.js App Router にお

ハンズオン！Next.js+Hono+RPC+Supabase+Drizzle+pnpm+Turborepoで作るモノレポ構成のアプリ開発 🔖 1

はじめにプログラミングスクールRUNTEQでWebエンジニア兼講師をしているいっぺい（@ippei_111）と申します。今回は、TypeScriptを使用して、Next.js+Hono+RPC+Supabase+Drizzle+pnpm+Turborepoのモノレポ構成のアプ

Next.jsでページ遷移時のインジケーターを表示する 🔖 13

Next.js v15.3.0から提供されたNavigation Hooksの一つ useLinkStatus を使うと簡単にページ遷移時のインジケーターを実装することができます。GIFアニメーションなので、じゃっかん分かりにくいですが、ページ遷移すると上部に青い線が左から右にア

Next.jsとGoでTODOアプリを作ろう！ 🔖 2

Next.jsとGoでTODOアプリをハンズオン形式で作る本です！バックエンド初心者のフロントエンジニアが書いた本です！

ZodとNext.jsのRoute Handlersから型安全なAPIクライアントを生成する最強ライブラリ「FrourioNext」 🔖 1

はじめに以前の記事「Zodと設定0行でNext.jsのRoute Handlersに完全な型を付与する最強ライブラリ「FrourioNext」」では、Next.js の Route Handlers における型安全性の課題と、それを解決する FrourioNext の基本的な機

【図解解説】Next.js,Hono,Drizzle,Zod,ClerkでTwitterクローンを開発するチュートリアル【JStack/TypeScript/Neon/Cloudinary】 🔖 6

はじめにこんにちは、Watanabe Jin (@Sicut_study)です。突然ですが、皆さんはT3 Stackという言葉をご存知でしょうか？T3 StackとはTheo氏によって202…

TypeScript/React/Next.jsおすすめ学習資料のご紹介 🔖 154

はじめに今回は、現代のWBE開発で最も使用されている言語/フレームワークであるTypeScript/React/Next.jsについて学ぶために、私がおすすめしたい学習資料についてご紹介したいと思います。非常に有用で、初心者から中級者、上級者まで幅広い層に向けた内容が含まれて

Next.js App Router で実装！技術スタック共有っぽいサンプルアプリ 🔖 5

先月執筆した 「Next.js App Router で実装！フリマっぽいサンプルアプリ」 という記事に続き、たまたま機会があったので Next.js App Router で実装シリーズの第二弾として、技術スタック共有サイトっぽいサンプルアプリを作ってみました。https:/

[AWS+OpenAI+Next.js]画像を生成するWebアプリを作った 🔖 1

こんにちは。自称デザインエンジニアこときゃのんです。最近AWSの構成図をなんとなく理解できるようになったので、自分でもAWSを触ってみたくて画像を生成するWebアプリを作りました。今回はそのまとめ…

Next.js 実践入門 - TypeScript 編 🔖 1

本書では Next.js における TypeScript について学べます。【習得できること】- Next.js で開発するために必要な TypeScript の知識- Next.js で開発するために必要な TypeScript の設定- Next.js で開発するた

Next.jsのMiddlewareで認証している方はすぐに確認を！認可バイパス脆弱性（CVE-2025-29927）の解説と対策 🔖 6

Next.jsのCVE-2025-29927という脆弱性情報はもうご存じでしょうか？ Next.jsのMiddleware(ミドルウェア)で行っている認証・認可チェックを攻撃者にすり抜けられてしまう…

Next.jsでパスキー入門 🔖 1

Next.jsプロジェクトにパスキーを導入する例をご紹介します。

【clinerulesの書き方】Cline x Next.js での AI駆動開発に使っているテンプレートと使い方を紹介してみる 🔖 3

はじめにみなさん、AI 駆動開発してますか？最近、いろんな AI エージェントが登場してきて、AI 駆動開発が盛り上がってきていますね。私はこれまで、業務やプライベートの両方で、生成 AI や…

Next.jsの脆弱性CVE-2025-29927まとめ 🔖 114

!本記事の文章表現の一部には、生成AI(Google Gemini)を用いた校正・改善を行っています。ただし、掲載されている情報の正確性については筆者自身が責任をもって確認・執筆しています。AIの力を借りながらも情報の信頼性を最優先にしていますので安心してお読みいただければ幸い

[Amazon Bedrock]MastraとNext.jsで生成AIアプリケーション作ってCDKでデプロイしましょう 🔖 3

朗報AI SDKのAmazon Bedrock Providerがアップデートされ、@ai-sdk/amazon-bedrock@2.1.4以降のバージョンでは認証チェーンが利用可能になりました。https://sdk.vercel.ai/providers/ai-sdk-p

【個人開発】リリース1ヶ月で月5万円(理論値)のサービスを作ったのでノウハウを全公開してみる（Next.js / Rails） 🔖 300

こんにちは、とまだです。みなさん、個人開発はしていますか？そして個人開発をしている方は 個人開発アプリで一発あてて月収xx万円 を夢見ていたりしませんか？私も夢見る一人なのですが、特に「集客」…