Next.js– category –
-
T3 Stackとは？Next.jsを使った人気開発手法をわかりやすく解説
最近、フロントエンド界隈では「T3 Stack」というワードを目にするようになりました。 T3 Stack の GitHub リポジトリのスター数は執筆時点で 2万を超えており、急激に人気が出ている開発手法です。 ただ、T3 Stack について調べても、T3 Stack の詳細やメ... -
Next.jsとは？使い方や特徴を初心者向けにわかりやすく解説！
Next.js とは Next.js は、React フレームワークを基盤とした、高機能なウェブ開発フレームワークです。 このフレームワークは、一般的な React のアプリケーションよりも高度な処理や機能を簡単に実装できるよう設計されています。 たとえば、Next.js は... -
Next.jsとTypeScriptで高速で安全なWebアプリケーションを構築する方法
Next.jsは、Reactを基盤とした現代的なフレームワークです。 SSR（サーバーサイドレンダリング）とSSG（静的サイトジェネレーション）を容易に実装できるため、高速なWebアプリケーションを構築できます。 TypeScriptは、JavaScriptに静的な型付けという強... -
Next.js(React)×Ruby on Rails チュートリアル(TypeScript対応)
近年では、フロントエンドとバックエンドでそれぞれ別なフレームワークを使用して開発することが増えてきました。 しかし、おそらく多くの学習者の方はフロントエンドとバックエンド（Ruby on Rails / Laravel / Django など）のどちらかしか学習していな... -
【2024年】Next.js 学習おすすめ本 3 選を比較！教材のプロがレベル別に厳選
フロントエンド開発の世界で急速に人気を集めているフレームワークの一つがNext.jsです。 React に興味があり、Next.js を使えるようになりたいという方も多いのではないでしょうか？ しかし、Next.js を学ぶための教材はたくさんあるものの、中には対応バ... -
Next.jsとNuxt.jsを徹底比較！どっちを選ぶべき？それぞれのメリット・デメリットを解説
ウェブサイトやウェブアプリケーションの見た目や操作感を決めるフロントエンド開発に欠かせないのが、フロントエンドフレームワークです。 フレームワークは開発を助けるためのツールで、いわば「設計図」のようなものです。 この「設計図」に従ってコー... -
Next.jsとReactの違いとは？どちらを使うべき？メリットとデメリットから比較・検討
【Reactとは？】 ReactはFacebook社が開発したJavaScriptのライブラリで、VueやAngularと一緒によく比較されます。 ただし、厳密にはReactはフレームワークではなく、UI（ユーザーインターフェース）を構築するためのライブラリです。 Facebook、Instagram... -
作って学ぶ Next.js 13！マークダウンブログを作ってみよう | App Router対応
Next.jsの最新バージョン、すなわちバージョン13に、新たな機能が導入されました。その名も「appディレクトリ」です。これにより、ウェブ開発者の私たちは以前とは全く異なる方法でさまざまなタスクを実行できるようになります。 「appディレクトリ」とは... -
App Routerとは？ハンズオンで学ぶ Next.js 13.4のapp directory・ディレクトリ構成
フロントエンド界隈の最新情報を追いかけていると、Next.js 13 で導入された app ディレクトリについての記事をよく見かけるようになりました。 app ディレクトリとは、Next.js 13 から導入された App Router と呼ばれる新しいル... -
【Next.js】コード品質を高める環境構築手順 (TyprScript, Prettier, EsLint, Husky, GitHub Actions)
この記事では、コード品質を高めるためのツールを導入したNext.jsプロジェクトのセットアップ方法を紹介します。 コードの自動整形や品質チェック、また自動化されたテストによる CI 環境などを設定することでコード品質を維持しながら、開発プロセスを効...
12