- Learn from Open Source
- Posts
- The AI that builds full-stack apps
The AI that builds full-stack apps
How Full Stack AI was built
Build a Next.js app from a one-line prompt!
I just launched Full Stack AI. An AI that builds a full Next.js from one line of code.
Full Stack AI, or fsai, is a CLI that uses AI to build a full-stack app for you.
The AI will:
Generate a Next.js app with TypeScript and Tailwind
Add shadcn/ui for frontend components
Generate pages to create/update/delete data
Generate a Prisma/Drizzle schema
Add auth via NextAuth.js with GitHub/Discord/Google/Apple log in supported
Add account screen to change settings
Add Stripe for payments
Add Resend to send transactional emails
Generate CRUD APIs
Add light/dark mode
Give it a star on GitHub: https://github.com/alephmatic/full-stack-ai
And watch the one-minute video of how it to use it here:
Here’s a video on how I built the FSAI CLI:
A quick summary:
Commander.js to create the CLI
OpenAI functions:
Create the Next.js app
Initialise Kirimase which adds a lot of the core packages
Generate models using Kirimase
Execa to call other CLI tools (create-next-app and kirimase)
To explore the full code visit: https://github.com/alephmatic/full-stack-ai
Links
Subscribe on YouTube: https://youtube.com/elie2222
Join the Discord: https://discord.gg/RWwKa2Sn7h
Follow on Twitter: https://twitter.com/elie2222
Sponsor: Inbox Zero
This newsletter is sponsored by Inbox Zero, an open source app that helps you manage your emails and get to inbox zero fast.
🛠️ What is Learn from Open Source?
Learn from Open Source aims to demystify the code behind open source projects. Whether you're a newbie coder or a seasoned developer, our content is designed to upskill you in real, practical ways.
📺 Dive Into Our Videos
On our Learn from Open Source YouTube channel, you'll find in-depth video tutorials that walk you through different repositories, technologies, and best practices. Get ready to dive headfirst into the world of open source!
👨💻 Learn from Open Source Repo
We maintain an open source repo of real projects to learn from on GitHub. PRs or issues to add new projects to the list are welcome.
If you enjoyed this video be sure to share it with friends and subscribe!
Till next week!