Next.js × shadcn/ui × Supabaseで本格的なWebアプリ開発を学ぶフルスタック講座
世界トップクラスのエンジニア「shadcn」のプロジェクトからモダンな技術スタックを通して、Webアプリ開発を学ぶ講座です。API Routeを使ったAPI開発やNextAuth.jsを使ったユーザー認証まで幅開く解説しています。
4.43 (101 reviews)
1,139
students
8.5 hours
content
Jun 2024
last update
$19.99
regular price
What you will learn
Nextjs/shadcn/uiを使って本格的なWebサービスが作れる
Nextjs AppRouterでの実装とRSCを考慮しながら開発ができる
トップWebエンジニアshadcnのプロジェクトからコーディングが学べる
Nextjsのルートグループのディレクトリを作成して開発できる
TailwindCSSとshadcn/uiベースでレスポンシブに対応できる
メタデータ情報をページ毎に付与できる
contentLayerを使ってマークダウン形式でブログ投稿できる
tailwindcss/typographyの導入方法が分かる
ログイン/新規登録機能が実装できる
GithubとGoogleを使ったOAuth認証ができる
NextAuthjsのv4を使って認証とセッション管理ができる
Nextjsのmiddlewareを実装してトークン有無によってリダイレクト制御ができる
SupabaseとPrismaとNextAuthを組み合わせた認証とDB管理ができる
モデル作成と外部キー接続ができる
セッション管理とJWT管理の切り替えができる
ユーザー管理ページの作成とサイドバー作成ができる
記事投稿機能が実装できる
Typescriptベースでアプリ開発ができる
NextjsのAPI Routeを使ってCRUDのAPI実装ができる
Zodを使ったバリデーションチェックができる
react-hook-formを使って堅牢性のあるフォーム管理ができる
EditorJSとreact-textarea-autosizeライブラリの扱い方が分かる
関数のメモ化とuseEffectのクリーンアップの実装ができる
フェッチ時のローディング実装ができる
アラートダイアログの追加、エラーハンドリング、アクセス制御等
ビルドとプレビュー、Vercelへのデプロイができる
OAuthやSupabaseで本番環境でも認証を機能させられる
Screenshots
5920624
udemy ID
4/12/2024
course created date
5/27/2024
course indexed date
Bot
course submited by