モダンな技術でフルスタックブログ開発をしてみよう【Next.js13/Prisma/Supabase/Typescriptを利用】
#入門 #nextjs #typescript #prisma #supabase #プログラミング #独学 #web制作 #webアプリ開発 #api #postman
🌟Web開発案件も募集中です🌟
shincode-hp.pages.dev/for-bus...
Webの開発案件も募集しております。
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2021/12/31/udemy...
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業が学べるプラットフォーム🚀
🎁月額2500円でWebプログラミング全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁定期的にお仕事・副業の発注
🎁ShinCodeと1対1で話せる
🎁コミュニティ機能付き
↓↓↓↓↓
code-s-school-5bc2.thinkific....
🌟ShinCode_CampのHPでブログ発信中です🌟
shincode-hp.pages.dev/blog/
Webの開発案件も募集しております。
-------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Next.js13の最新バージョンを使ったアプリ開発ができる
・Supabaseを使ってブログデータを永続化できる
・Prismaを使ってORMの扱い方が分かる
・Typescriptベースでの開発手法が学べる
・フルスタックWebアプリ開発ができる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @user-hl9uv6cv7k
★今回のソースコード★
github.com/Shin-sibainu/next....
★運営者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
ちょうど知りたかったprismaとのapi周りが程よい長さの動画で学べて感謝です！！
うわああああ、ちょうど勉強しようとしていた3連コンボぉぉ！ありがとうございます！
おかげでwebアプリケーション作れました！感謝です！
とても勉強になる動画ありがとうございます。 レンダリングの最適化の動画も視聴させていただきます。 ありがとうございます。
かっこよくなりましたね😆
いつもお疲れ様です！ 今回の内容もとても楽しかったです☺ 今度、どんな拡張機能を利用しているのか解説して欲しいです！
JSのフレームワークよくわからないですが、興味があるのでありがとうございます。
削除の時,toastにidを指定してやればよかったのでは？
page.tsxでpostsを取得する時、fetch()を使のと、prisma.posts.findMany()とでは違いがあるのでしょうか？
詳細ページの取得はどうすればよいでしょうか？
今回も非常にためになる動画をありがとうございます！ とても楽しく学びました。ローカルで実装もできました。 ところで、、VercelとAWS Amplifyへのデプロイがどちらも失敗し、悩んでいるのですが。。。 エラー解決のため色々と試してみたものの解決せず。。 フロントだけのアプリのデプロイはうまくいくのですが、バックエンドが絡むとどうもうまくいかないような、そんな気がしています。 すみません、何か、アドバイス頂けないでしょうか。。
@user-hl9uv6cv7k
6 ай бұрын
Nextが最新バージョンなので、Amplifyへのデプロイは幾分エラーが吐かれるみたいですね。 zenn.dev/devcamp/articles/4a4e559d8544bc 上での記事で解決可能かもしれません。 インフラ構築とデプロイにはエラーが付き物なので、難しいとは思いますが、がんばってみてください。Campの方ではAWSを使ったデプロイの講座を一応出しています。もし、ご興味があれば。
@ryuyafujisaki2929
6 ай бұрын
@@user-hl9uv6cv7k アドバイスありがとうございます。ビルドの設定→Using Amazon Linux:2023 imageを試してみたのですが、だめでした。。難しいですね。。。※Camp、買い溜めしたUdemy講座6件終わりましたら、受講します。
prisma の初期化をした際に、prisma 初期化はされたものの、ファイルのコードが読み取られていないようです、内容は全く同じものが記載されています。 datasourceがunknownです、のような記載がされてしまいうまく動きません。考えられる原因はなんでしょうか？
@albasiempre5931
6 ай бұрын
すいません、こちら解決しました。vscodeにPrisma拡張機能入れれば動きました
ka