【Next.js/Node.js/Prisma/Supabase】本格的なSNSアプリをフルスタック構築するマスター講座
モダンな技術スタックを駆使して１からSNSアプリケーション開発する講座。ユーザー認証からSupabaseでの投稿DB管理、PrismaのORMを使ってJavascriptのみの知識でフロントからバックエンドまで完結させる技術を身に着けます。
Created by Shin Code
What you'll learn
- フルスタック技術を使って簡単な機能を備えたSNS開発ができる
- Nextjsの基礎(動的ルーティングやSSG等)が学べる
- Nodejs(Express)を使ったバックエンドAPI構築ができる
- Supabaseを使ったDB管理ができる
- Prismaを使ってORMを実現し、Supabaseと連携する方法が学べる
- フロントエンドとバックエンドを両方構築し、フルスタック開発手法が学べる
- Prismaを使ってSNS開発に必要なモデルを定義できる
- JWTの基礎知識が学べる
- ユーザー認証/ログイン/新規登録API実装が学べる
- ReactのHooksを使って状態管理手法が学べる
- ThunderClientを使ってAPIテストする方法が学べる
- NextjsにTailwindCSSを導入する方法が学べる
- axiosライブラリを使ってAPIを叩く手法が学べる
- CORSエラー回避方法が学べる
- SNSで必要な呟き投稿や呟き取得APIを構築できる
- Expressにおけるミドルウェア設定の意味と実装方法がわかる
- ログイン状態の監視してナビゲーションバーUIの変更ができる
- SNSにおけるプロフィールページが実装できる
- identiconライブラリでユーザー新規登録時にアイコン自動生成ができる
- 閲覧中のユーザーが投稿した呟きで取得できるAPIが作れる
- Vercelを使ってNextjsをデプロイする方法が学べる
- renderを使ってNodejsをデプロイする方法が学べる
- 最終的にフロントとバックエンドをデプロイしてWeb上で公開・利用できるようにする
Requirements
- HTML/CSSの基礎知識(divタグやクラス名のつけ方や当て方)
- React/Nextjsの基礎知識(JSXやコンポーネント管理)
Description
フルスタックエンジニアになるためにはフルスタック技術を使って何かアプリを作ってみるのが１番の近道です。本講座では簡単なSNSアプリ（ユーザー認証、ログイン、新規登録、投稿取得、投稿、プロフィール等）を作ってフロントからバックエンドまでの技術を身に着けていただきます。
■ 本コースの対象者
・React、Next.js等の基礎技術を学んだだけでは物足りない方
・フルスタック技術を使ってSNS開発をしてみたい方
・PrismaのORMを使ってDB操作をしてみたい方
・SupabaseのBaasを使ってDB管理をしてみたい方
・デプロイ(無料)してSNSアプリを運用してみたい方
・モダンな技術をキャッチアップしてみたい方
・ただただWebアプリ開発好きで好奇心がある方
・etc...
■ 本コースを受講する際の注意点
・HTML/CSS/JavaScriptの基本的な文法とルールは教えていません。
・ReactやNext.jsの基礎知識は知っている前提でお話を進めております(コンポーネントやJSX記法等)。
・ある程度Javascriptを触ったことがある人だとスムーズに受講できると思います。
Who this course is for:
- モダンな技術スタックを使って開発経験を積みたい方
- ポートフォリオの１つとして技術ブログを構築しておきたい方
Instructor
Webエンジニア
- 4.5 Instructor Rating
- 8,119 Reviews
- 30,017 Students
- 31 Courses
皆さんはじめまして。Shinと申します。
休みの日はプログラミングばかり触っているちょっと変わった人です。便利なアプリや好奇心をくすぐられるようなアプリを作るのが趣味です。
動画レクチャーは分かりやすいように作成するように心がけています。
どうぞよろしくお願いします。