Next.jsの動画リスト
-
05:56Next.jsとは？React.jsとの違いは？特徴やメリット
この動画では、Next.js（ネクストジェイエス）について紹介しています。React.jsとの違いは何か？特徴やメリットや具体的な機能などについて説明しています。React.js（リアクト）の再生リ…
-
11:18Next.jsの開発環境の構築の手順と内容について解説！
コマンドを使用して、Next.js（ネクストジェイエス）の環境構築をしていく方法を紹介しています。環境構築の際に聞かれるいくつかの質問の解説などもおこなっています。Next.jsの公式のinstal…
-
15:36Next.jsの環境構築後のファイル構成について説明
前回までの動画で、Next.jsの環境構築の動画を配信してきました。今回は環境構築直後のディレクトリやファイル構成の説明をしていきます。フロントエンド開発の環境構築などの動画リストはこちらhttps…
-
06:01Next jsで下層ページを作る方法！基本的なルーティング設定について
トップページ以外のページをNext.jsでどのように作っていくかを解説しています。Next.jsはルーティングを非常に簡単に設定できるようになりましたので、是非活用していきましょう！※動画のNext…
-
11:34ブログ詳細ページなどに活用できる、ダイナミックルーティング（Dynamic Routing）について
ブログの詳細ページなどに使うことができる、Next.jsのダイナミックルーティングについて説明しています。ブログ以外にも、今回紹介しているようなメンバーのページや、商品詳細ページなどにも使えるかと思…
-
10:17Next.jsのlayoutjsの仕組みを使ってヘッダーなどの共通パーツを定義する方法！
Next.jsでサイトやアプリケーションを作っていると、共通パーツの定義と呼び出しが必要になります。今回は、layout.jsを使った共通コンポーネントの活用について解説しています。
-
11:46Next.jsでaタグを拡張した「Linkコンポーネント」を解説！
Next.jsでは、内部リンクを実装するための手段として、Linkコンポーネントが内蔵されています。Linkコンポーネントは以下のメリットや特徴があります。・ページの再読み込みが発生しない。（クライ…
-
11:06imgタグよりもメリットの多い、Next.jsのImageコンポーネントについて解説！
Webサイトで画像を扱う際には、表示そのものだけではなく、CLS (Cumulative Layout Shift）の問題など、様々な技術的に考えなければならないことがあります。Next.jsが用意…
-
11:53Nextjsでtitleタグやdescriptionなどのmetadataを設定する方法！
タイトルタグやディスクリプションなどサイト全体や下層ページで状況に応じたmetaタグを設定したいことが出てきます。この動画では、Next.jsが用意している仕組みを活用してmeta情報を定義し表示さ…
-
23:30NextjsにおけるCSS設計について
Next,jsで開発する際の、CSSの考え方は様々あります。この動画では以下についてお話ししています。・Tailwind CSS・BootstrapなどのCSS フレームワーク・Chakra UI,…
-
45:46SPA？CSR？SSG？サイトのレンダリング方式について解説
サイトを開発するときや公開するときに今だと様々なレンダリングの方法があります。聞いたことはあるけど、よく分からないというかたの為に以下について今回は話していますMPA（Multi Page Appl…