Remixと統合したReact Routerで技術記事サイトを作るチュートリアル【React/Remix/TypeScript】

本日はReactRouterで技術記事アプリを開発しました! 【動画の目次】 00:00 ダイジェスト 00:32 オープニング 02:25 ReactRouterとは 05:55 CSR/SSR/SSGとは 13:40 なぜRemixがイケてるのか 19:00 環境構築 20:23 ルーティング 34:32 記事一覧ページ 50:22 人気記事ページ 56:43 記事検索ページ 01:13:00 スタイリング 01:18:48 エンディング ✅ JISOUの公式LINEはこちら やる気のある人限定コミュニティも招待中‥ https://lin.ee/KC7EEbq 超有料級プレゼント配布中 ☑未経験からモダンWebエンジニアになる最強ロードマップ ☑非公開限定勉強会動画 ☑アウトプットのアウトプット完全攻略動画 ☑エンジニアの思考図解資料 【テキスト教材】 https://qiita.com/Sicut_study/items/7... 【サンプルコード】 https://github.com/jinwatanabe/router... 【プログラミングを学びたい方はこちらから】 プログラミングコーチングJISOU ↓↓↓ https://projisou.jp 【おすすめの動画】    • 【完全解説】RAG×Next.jsでチャットアプリを開発しながらAIを理解するチュー...      • 【完全版】これ1本でGraphQLをマスターできるチュートリアル【React/Typ...      • 【初心者】Reactでお洒落な音楽アプリを開発しながら基礎を学べるチュートリアル【T...   ● X 毎日エンジニアに関する情報を発信しています!   / sicut_study   ● Qiita https://qiita.com/Sicut_study ● お仕事の依頼はこちらから [email protected] ■ 渡邉臣ってどんな人? 現役のWebエンジニア エンジニアになりたくて新卒で入社したがプログラミングはできず 1年間本気で独学して高額オファーを複数獲得 アウトプットを言語化して、500本以上の記事を投稿しておりQiita Top Contributerを獲得。スピーカーやコーチとしても活動しており、多くの人のエンジニアとしての成功をサポートしています。 【JISOUの自己紹介動画】    • アウトプットで成長する!プログラミングコーチングJISOU チャンネル始動!   #LINE登録で豪華プレゼント #エンジニア #プログラミング #チュートリアル #ハンズオン #初心者

【初心者完全版】0からNext.jsを2時間で基礎をマスターする最強チュートリアル【図解解説】
▶︎

【初心者完全版】0からNext.jsを2時間で基礎をマスターする最強チュートリアル【図解解説】

React Router 7 is amazing - despite it's confusing docs!
▶︎

React Router 7 is amazing - despite it's confusing docs!

Zig 2026: No-AI Policy, $670K Foundation, Left GitHub & Why Zig Isn’t 1.0 - Andrew Kelley Explains
▶︎

Zig 2026: No-AI Policy, $670K Foundation, Left GitHub & Why Zig Isn’t 1.0 - Andrew Kelley Explains

Is it dangerous if you don't know? Next.js security
▶︎

Is it dangerous if you don't know? Next.js security

AI Agent Catch-up #81 - DeepEval
▶︎

AI Agent Catch-up #81 - DeepEval

【完全版】Cloudflareを2時間で学べるチュートリアル【Next.js/Hono/TypeScript】
▶︎

【完全版】Cloudflareを2時間で学べるチュートリアル【Next.js/Hono/TypeScript】

TIME FOR PRAYER TO CONSECRATE YOUR DAY 🔥| Apostle Yves CASTANOU
▶︎

TIME FOR PRAYER TO CONSECRATE YOUR DAY 🔥| Apostle Yves CASTANOU

Full Archon Guide - Build AI Coding Harnesses That Actually Ship (LIVE)
▶︎

Full Archon Guide - Build AI Coding Harnesses That Actually Ship (LIVE)

Creator of C++: Bell Labs, Negative Overhead Abstraction, Mistakes | Bjarne Stroustrup
▶︎

Creator of C++: Bell Labs, Negative Overhead Abstraction, Mistakes | Bjarne Stroustrup

Place your brain in the frequency of wealth, prosperity and total abundance - Attraction Law
▶︎

Place your brain in the frequency of wealth, prosperity and total abundance - Attraction Law

Remix3が来るぞ!脱React Web標準? 宣言的より命令的? Reactとそれ以外 フロントエンドはずっと反復横跳びしてる #15
▶︎

Remix3が来るぞ!脱React Web標準? 宣言的より命令的? Reactとそれ以外 フロントエンドはずっと反復横跳びしてる #15

🔥 GOD UNLEASHES the Truth | Psalms 23, 35, 91 and 112 To Break Curses and Activate Abundance
▶︎

🔥 GOD UNLEASHES the Truth | Psalms 23, 35, 91 and 112 To Break Curses and Activate Abundance

«Der Weltkrieg kommt»: Roger Köppel am AfD-Demokratiekongress zur Lage in Europa
▶︎

«Der Weltkrieg kommt»: Roger Köppel am AfD-Demokratiekongress zur Lage in Europa

PINK & ORANGE GRADIENT IN HD [3 HOURS]
▶︎

PINK & ORANGE GRADIENT IN HD [3 HOURS]

React Router V7 Tutorial - Routing, Nested Routes, Data Loading, Layouts...
▶︎

React Router V7 Tutorial - Routing, Nested Routes, Data Loading, Layouts...

ASMR Addictive Fast Tapping Collection For Deep Sleep & Anxiety Relief (No Talking) — 2.5 Hours
▶︎

ASMR Addictive Fast Tapping Collection For Deep Sleep & Anxiety Relief (No Talking) — 2.5 Hours

Co-Creator of Haskell: Functional Programming, Thinking in Types, Useless Languages | Simon Jones
▶︎

Co-Creator of Haskell: Functional Programming, Thinking in Types, Useless Languages | Simon Jones

EILMELDUNG: Sie haben mich ins Visier genommen
▶︎

EILMELDUNG: Sie haben mich ins Visier genommen

React19で新登場したHooksを分かりやすく解説します【Next.js AppRouterを利用】
▶︎

React19で新登場したHooksを分かりやすく解説します【Next.js AppRouterを利用】

Next.jsを使い続けたい好きなトコロ
▶︎

Next.jsを使い続けたい好きなトコロ