No video

モダンな技術でフルスタックブログ開発をしてみよう【Next.js13/Prisma/Supabase/Typescriptを利用】

  Рет қаралды 21,422

Shin Coding Tutorial

Shin Coding Tutorial

Күн бұрын

#入門 #nextjs #typescript #prisma #supabase #プログラミング #独学 #web制作 #webアプリ開発 #api #postman
🌟Web開発案件も募集中です🌟
shincode-hp.pa...
Webの開発案件も募集しております。
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
\ShinCode_Camp開校しました/
プログラミング講座&副業・起業が学べるプラットフォーム🚀
🎁月額2500円でWebプログラミング全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁定期的にお仕事・副業の発注
🎁ShinCodeと1対1で話せる
🎁コミュニティ機能付き
↓↓↓↓↓
code-s-school-...
🌟ShinCode_CampのHPでブログ発信中です🌟
shincode-hp.pa...
Webの開発案件も募集しております。
-------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Next.js13の最新バージョンを使ったアプリ開発ができる
・Supabaseを使ってブログデータを永続化できる
・Prismaを使ってORMの扱い方が分かる
・Typescriptベースでの開発手法が学べる
・フルスタックWebアプリ開発ができる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数:200以上
・生きがい:プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者SNS★
Twitter: / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
amzn.to/3se5onZ
※アフィリエイトリンクになります。

Пікірлер: 18
@tkiriyama5780
@tkiriyama5780 10 ай бұрын
ちょうど知りたかったprismaとのapi周りが程よい長さの動画で学べて感謝です!!
@hasbullaBJJ
@hasbullaBJJ Жыл бұрын
かっこよくなりましたね😆
@ww-zo2yl
@ww-zo2yl 11 ай бұрын
とても勉強になる動画ありがとうございます。 レンダリングの最適化の動画も視聴させていただきます。 ありがとうございます。
@valolence2340
@valolence2340 Жыл бұрын
うわああああ、ちょうど勉強しようとしていた3連コンボぉぉ!ありがとうございます!
@fish-gv6kn
@fish-gv6kn 10 ай бұрын
おかげでwebアプリケーション作れました!感謝です!
@エセル-san
@エセル-san Жыл бұрын
JSのフレームワークよくわからないですが、興味があるのでありがとうございます。
@user-et8du1ib1n
@user-et8du1ib1n Жыл бұрын
いつもお疲れ様です! 今回の内容もとても楽しかったです☺ 今度、どんな拡張機能を利用しているのか解説して欲しいです!
@user-nw7jf5kg4b
@user-nw7jf5kg4b Жыл бұрын
削除の時,toastにidを指定してやればよかったのでは?
@ryuyafujisaki2929
@ryuyafujisaki2929 9 ай бұрын
今回も非常にためになる動画をありがとうございます! とても楽しく学びました。ローカルで実装もできました。 ところで、、VercelとAWS Amplifyへのデプロイがどちらも失敗し、悩んでいるのですが。。。 エラー解決のため色々と試してみたものの解決せず。。 フロントだけのアプリのデプロイはうまくいくのですが、バックエンドが絡むとどうもうまくいかないような、そんな気がしています。 すみません、何か、アドバイス頂けないでしょうか。。
@programming_tutorial_youtube
@programming_tutorial_youtube 9 ай бұрын
Nextが最新バージョンなので、Amplifyへのデプロイは幾分エラーが吐かれるみたいですね。 zenn.dev/devcamp/articles/4a4e559d8544bc 上での記事で解決可能かもしれません。 インフラ構築とデプロイにはエラーが付き物なので、難しいとは思いますが、がんばってみてください。Campの方ではAWSを使ったデプロイの講座を一応出しています。もし、ご興味があれば。
@ryuyafujisaki2929
@ryuyafujisaki2929 8 ай бұрын
@@programming_tutorial_youtube アドバイスありがとうございます。ビルドの設定→Using Amazon Linux:2023 imageを試してみたのですが、だめでした。。難しいですね。。。※Camp、買い溜めしたUdemy講座6件終わりましたら、受講します。
@propane-gf3cz
@propane-gf3cz 11 ай бұрын
詳細ページの取得はどうすればよいでしょうか?
@parramatta0000
@parramatta0000 9 ай бұрын
page.tsxでpostsを取得する時、fetch()を使のと、prisma.posts.findMany()とでは違いがあるのでしょうか?
@albasiempre5931
@albasiempre5931 8 ай бұрын
prisma の初期化をした際に、prisma 初期化はされたものの、ファイルのコードが読み取られていないようです、内容は全く同じものが記載されています。 datasourceがunknownです、のような記載がされてしまいうまく動きません。考えられる原因はなんでしょうか?
@albasiempre5931
@albasiempre5931 8 ай бұрын
すいません、こちら解決しました。vscodeにPrisma拡張機能入れれば動きました
@ko-suke7471
@ko-suke7471 2 ай бұрын
ka
【React Hooks入門】完全初心者OK!8種類のHooksを学んでReactの理解を深めよう
59:10
プログラミングチュートリアル
Рет қаралды 63 М.
小丑把天使丢游泳池里#short #angel #clown
00:15
Super Beauty team
Рет қаралды 47 МЛН
Happy birthday to you by Tsuriki Show
00:12
Tsuriki Show
Рет қаралды 12 МЛН
managed to catch #tiktok
00:16
Анастасия Тарасова
Рет қаралды 46 МЛН
この技術スタックは現代の魔法です。
21:27
プログラミングチュートリアル
Рет қаралды 15 М.
Complete Prisma & Supabase DB Tutorial
57:43
Doug's Coding Corner
Рет қаралды 19 М.
【React Native/Expo】REST APIとExpo Routerを使って、スマートフォンのTODOアプリを作る
28:51
TypeScriptでフルスタックエンジニアになる
Рет қаралды 1,4 М.
Next.jsのディレクトリ構成のベストプラクティスを知っていますか?
23:17
プログラミングチュートリアル
Рет қаралды 13 М.
Prisma Crash Course
36:41
Traversy Media
Рет қаралды 65 М.
基礎から学ぶ Next.js
1:33:10
Japan Oracle Developers
Рет қаралды 2,5 М.
【Prisma入門】次世代ORMで簡単にデータベース管理ができるようになろう
45:08
プログラミングチュートリアル
Рет қаралды 14 М.
実務でNext js 13を使用した感想!良かった点と悪かった点
17:31
マフィア先生のエンジニア塾
Рет қаралды 4,7 М.
インディーゲームクリエイターに個人で飯を食う方法を聞いてみた
23:42
ナカイドのゲームラジオ
Рет қаралды 26 М.
【初心者OK】Next.jsで自作ブログを作ってみよう【MicroCMSを利用】
43:15
プログラミングチュートリアル
Рет қаралды 25 М.
小丑把天使丢游泳池里#short #angel #clown
00:15
Super Beauty team
Рет қаралды 47 МЛН