#入門 #プログラミング #boltnew #bolt #vibecoding #ai #aicoding #AI駆動開発 #起業 #副業 #エンジニア #web開発
Bolt.newを初めて触る方は、下記リンクから新規登録すると200Kトークン
が無料で獲得できます。ご利用ください。
https://bolt.new/?rid=qe6e07
今回作った生成AI SaaSは以下からご利用できます。
https://sensational-kangaroo-25fc15.netlify.app/
※Gemini APIを利用しているので、使いすぎにご注意ください。
💻 【生成AIコーディングを利用したWebアプリ・ツール開発支援】
サクッと高速で開発をご依頼したい方は、お気軽にどうぞ(以下HPリンク)👇
https://shincode-dev-hp.vercel.app/
🤖 AI駆動開発マスター講座を早期リリースしました🎉
https://ai-driven-online-course.vercel.app
上記講座はGW限定で30%割引クーポンを1週間限定(05/03~05/10)で配布中です↓
【gwaidevweek】
有効期限が切れている場合は、Youtube視聴者限定20%割引のクーポンコードをご利用ください👇
【shinaidriven】
\ プログラミング×AIで人生を変える50講座 /
✨3つの特徴
✅ 実践的な50講座が見放題
✅ プログラミング×AI×副業ビジネスも学べる
✅ 質問し放題のDiscordコミュニティ付き
💫 選べる2つのプラン
【月額プラン】1,980円/月 (1週間無料体験があります)
https://code-s-school-5bc2.thinkific.com/bundles/shincode-camp
【買い切りプラン】通常価格:39,800円
▼YouTubeチャンネル登録者限定▼
20%OFFクーポン「shincodepro」使用で 31,840円
https://code-s-school-5bc2.thinkific.com/bundles/shincode-pro
月額プラン・買い切りプランのコンテンツ内容は
どちらも同じです。どちらかお好きなプランをお選びくださいませ。
-----------------------------------------------------------------------------------------------------------------------------
【Udemy割引クーポンも配布中🚀】
↓↓↓↓↓
http://shincode.info/2021/12/31/udemy-discount-coupon/
【ShinCodeへのお仕事のご依頼】
Youtube案件やスポンサー等のご依頼お待ちしております👏
X:https://x.com/Shin_Engineer
00:00 はじめに
01:58 Bolt.newの設定
06:35 Bolt.newでアプリ開発スタート
13:06 Supabaseでユーザー認証機能の実装
20:52 テーブル設計とマイグレーション操作
23:21 フロントエンドとバックエンドの繋ぎこみ
26:06 Gemini APIの利用と実装
31:10 AIチャットボット機能の実装
37:43 Stripe課金の実装
44:56 無限エラーに入ったときの対処法
46:59 Stripeで決済してみよう
49:27 作ったWebアプリをデプロイしよう
53:36 UI変更時の注意点
55:15 さいごに
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Bolt.newの使い方が分かる
・SupabaseとStripe課金システムが実装できる
・バイブコーディングが学べる
今回の仕様技術は以下です。
・ViteのReact
・Supabase / Supabase Auth / Supabase Function Database / Trigger / Edge Function / RLSポリシー
・Stripe / Webhooks
・Netlify
・framer-motion
・Gemini API
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数:200以上
・生きがい:プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
https://www.youtube.com/channel/UCNTxclE0N4qsUuirssL_D8w?sub_confirmation=1
★今回のソースコード★
★運営者SNS★
Twitter:https://twitter.com/Shin_Engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸):https://amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス):https://amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク):https://amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド):
https://amzn.to/3se5onZ
※アフィリエイトリンクになります。