はてぶ・Qiita・Zennのトレンド記事を紹介
Next.jsはReactベースのWebアプリケーションフレームワークです。サーバーサイドレンダリングや静的サイト生成など、モダンなWeb開発に対応しています。
【個人開発】1ヶ月でYoutubeから需要のある動画だけを検索できるツールを開発しました！【Next.js, Youtube Data API】 🔖 3
はじめにYoutubeから需要のある動画のみを取得できるアプリケーションを作ったので、開発背景や気づき、今後の展望等色々書いていこうと思います。開発背景自分の所属しているコミュニティの代表の方…
本書では Next.js において ESLint の利用方法について学びます。【読者】・Next.js で開発するために必要な ESLint の知識・Next.js で開発するために必要な ESLint の設定【特徴は】・ステップバイステップで構築方法を学べる・ソ
Next.js の特別ファイル・設定まとめ【AppRouter】 🔖 12
はじめに先日、React の勉強会で、Next.js App Router の設定やファイル規約について取り上げました 🫐App Router では、エラー・ローディング状態や、SEO 設定の方法を簡略化してくれています！今回は、Next.js App Router にお
Next.js v15.2で使えるようになった View Transition API を試してみた 🔖 33
Next.js v15.2 から、試験的な機能としてViewTransitionコンポーネントが追加され、ViewTransions APIを使用してページ遷移やDOMの更新にアニメーションをつけることができるようになりました。 これまでNext.jsで実装するには何かと面倒だっ
2025-04-17のJS: Zod 4 beta、Next.js 15.3とRspack、LLMを使ったテストのマイグレーション 🔖 13
JSer.info #732 - Zod 4 betaがリリースされました。 Introducing Zod 4 beta | Zod Docs パフォーマンスとBundle Sizeの改善が行われ、Tree Shaking可能なAPIを提供する@zod/miniと@zod/co
Cloudflare Workers、フルスタックアプリの構築とホスティングが可能に。新たにNext.jsやAngularなどに対応、MySQLへの接続も 🔖 38
Cloudflare Workers、フルスタックアプリの構築とホスティングが可能に。新たにNext.jsやAngularなどに対応、MySQLへの接続も Cloudflareは、同社が提供するグローバルなコンテンツデリバリーネットワーク（CDN）のエッジにおいてJavaScri
ハンズオン！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アプリをハンズオン形式で作る本です！バックエンド初心者のフロントエンジニアが書いた本です！
ZodとNext.jsのRoute Handlersから型安全なAPIクライアントを生成する最強ライブラリ「FrourioNext」 🔖 1
はじめに以前の記事「Zodと設定0行でNext.jsのRoute Handlersに完全な型を付与する最強ライブラリ「FrourioNext」」では、Next.js の Route Handlers における型安全性の課題と、それを解決する FrourioNext の基本的な機
【海外記事紹介】Next.jsから離れる企業が増えている理由 🔖 63
3月29日、海外のテクノロジーメディアAIMが「Why Companies Are Moving Away from Next.js」と題した記事を公開した。この記事では、企業がNext.jsから離れつつあるという実情とその背景について紹介されている。 3月29日、海外のテクノロ
WordPressからNotion + Next.jsへ 研究所ブログを全面リニューアル 🔖 50
こんにちは、小田（@linyows）です。さくらインターネットは、リモートワーク中心の勤務スタイルなので、日々、自宅の自室で作業しています。できるだけ快適に働けるよう、仕事部屋の環境にはこだわっています。最近は、好みのフレグランスとして「檜オイル」にすっかりハマっていて、香りの力
【図解解説】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おすすめ学習資料のご紹介 🔖 153
はじめに 今回は、現代のWBE開発で最も使用されている言語/フレームワークであるTypeScript/React/Next.jsについて学ぶために、私がおすすめしたい学習資料についてご紹介したいと思います。 非常に有用で、初心者から中級者、上級者まで幅広い層に向けた内容が含まれて
TypeScript/React/Next.jsおすすめ学習資料のご紹介 🔖 155
はじめに今回は、現代の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に存在していた重大な脆弱性によりハッカーがミドルウェアベースの認証を回避できていたことが明らかに、Vercelは3月18日に脆弱性を修正 🔖 40
オープンソースのウェブ開発フレームワークである「Next.js」に、重大な脆弱(ぜいじゃく)性が存在したことが発見されました。この脆弱性を使用すれば攻撃者が認証チェックを回避することが可能であったことが明らかになっています。 Next.js and the corrupt mid
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プロジェクトにパスキーを導入する例をご紹介します。
Next.jsの脆弱性CVE-2025-29927まとめ 🔖 114
本記事の文章表現の一部には、生成AI(Google Gemini)を用いた校正・改善を行っています。ただし、掲載されている情報の正確性については筆者自身が責任をもって確認・執筆しています。AIの力を借りながらも情報の信頼性を最優先にしていますので安心してお読みいただければ幸いです
【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
MastraとNext.jsで製造業の工場トラブル事例検索チャットボットを作ってみた | DevelopersIO 🔖 107
はじめに MastraはAIアプリケーションを構築するためのTypeScriptのフレームワークです。ELv2ライセンスで、マネージドサービスとして他社に提供することはNGですが、業務アプリの構築は可能です。なぜELv2なのかドキュメントもありますので詳細はこちらをご参照ください
【個人開発】リリース1ヶ月で月5万円(理論値)のサービスを作ったのでノウハウを全公開してみる（Next.js / Rails） 🔖 300
こんにちは、とまだです。みなさん、個人開発はしていますか？そして個人開発をしている方は 個人開発アプリで一発あてて月収xx万円 を夢見ていたりしませんか？私も夢見る一人なのですが、特に「集客」…