MENU

Fun & Interesting

【完全版】初心者OK!Bolt.newで1からフルスタックWebアプリケーション開発するためのBolt.new完全ガイド入門

Video Not Working? Fix It Now

#入門 #プログラミング #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 ※アフィリエイトリンクになります。

Comment