ShinCode_Camp

本講座で学べる事

参考メディア「ICS MEDIA」を覗いてみよう

まずはClaudeと壁打ちしよう

Next.jsで開発環境構築をはじめよう

MicroCMSのセットアップ

タグAPIの作成とコンテンツ作成

microcms-js-sdkのインストールとデータフェッチ

AIを使ってメディアのフロントデザインを参考にしよう

ホーム画面の作成をはじめよう

タイトル背景色の追加

記事一覧セクションの作成

記事カードの作成

記事のデータフェッチとレイアウト調整

記事カードのレイアウト修正

ホバーした時のカードの挙動修正

ページネーション実装をAIを使って理解しよう

ページネーションの実装①

ページネーションの実装②

ページネーションの実装③

詳細ページの作成

詳細記事タイトル・作成日・タグ等の取得

HTML状態の詳細記事コンテンツの表示

tailwindcss-typographyのCSSカスタマイズ

Next.jsでView Transition APIの導入①

Next.jsでView Transition APIの導入②

Next.jsでView Transition APIの導入③

Next.jsでView Transition APIの導入④

SNSシェアコンポーネントの作成

Twitter(X)で記事を共有してみよう

宣伝用のコンポーネントの追加

トップに戻るボタンの追加＆レイアウトの修正

Dyanamic Routesで動的タグページの作成

Heroセクションの汎用化と共有

タグ名からタグに共通する記事一覧の取得

タグの全取得 / 現在のタグ名からの絞り込み

タグIDからタグに関する記事一覧の表示

※これ以降の動画は作成中です。