Generative Full Stack App - UI with v0 by Vercel + Backend with BuildShip
HTML-код
- Опубликовано: 16 июл 2024
- Welcome to the Era of Generative Full stack apps - build a complete gam app in 1 hour. Built with v0 by Vercel for frontend and BuildShip for building backend logic blocks. Vercel Ship 2024
Generated code available on Github here: github.com/rowyio/Generative-...
BuildShip is a low-code Visual Backend and AI Workflow Builder
Get started for free 👉 buildship.com
Chapters 📚
Building an AI-Powered Guess the Prompt Game with No-Code Tools
00:00 Introduction to the AI-Powered Guess the Prompt Game
00:22 Exploring the Gameplay and Mechanics
01:40 Diving Into Game Development with AI
02:50 Building the UI with v0 by Vercel
07:47 Setting Up the Project Environment
09:36 Injecting AI-Generated UI Components
18:52 Developing the Game Logic with BuildShip
24:17 Integrating ChatGPT for Code Generation
26:58 Testing and Debugging the Initial Setup
29:17 Enhancing Functionality with ChatGPT
34:25 Finalizing the Game Logic and Testing
44:39 Concluding Thoughts on Tool Integration and Customization
Let's connect 🤗
Chat: / discord
Tweets: / buildshipapp
LinkedIn: / buildship
#aiworkflow #nocode #lowcode #backend #apibuilder #cronjob #scheduledtask #backgroundjob #openai #ai #vercel #v0 #generativeui #generativebackend #generativefullstack #aiappgen #aiassistant 
Развлечения
Other than the impressive BuildShip platform's ease of use, one thing I appreciate is the instructor's approach to teaching. His style mimics what an average person will encounter: trial and error, and looking for a way to resolve the errors. This is the best way to learn for someone with little to no knowledge of code. Hats off man!
Great to hear that you enjoyed this :) We love hearing all feedback and making a lot more videos to cover a variety of topics in depth. If there is anything you would like us to cover, do share: buildship.com/discord Thanks.
That's exactly what I was thinking.
Cool game idea
Where can we add custom CSS to the components from v0 in our next JS project? Also, while copying from v0, don't we have to copy the styles.css and layout.jsx files?
I am having issues with the colors and css overall when I follow the exact same steps. Any idea?
I'm also currently facing the same issue
How would you accept an image from the UI instead?
Yes! You can use the File Upload API that allows for this
Great tutorial! Where is the repo?
Thanks :) We have added the Github link in the description now.
Im confused, who is the target customer? For engineers it's much faster to just write code, for PMs they might as well just ask engineers to do it. For founders this is not powerful enough to build a complete product. Is this like a project for fun?
This is for no-code/low-code users who want to build apps enabled by AI. ofcourse developers can build from scratch, but just like how boilerplates help developers build faster, this helps them get 80% of the way sooner instead of developing everything from scratch. In the future everyone can be a developer, so PMs, designers etc can build their ideas without the need to ask engineers ;)
Lets quit our jobs
Haha no need, creative minds are needs to generate the apps and ideas. BuildShip and generative approach to building just makes the process easy for you to build faster! With full lowcode ability to tweak the code as you would like.