I'll create a full-stack task management demo app that showcases both frontend and backend capabilities. This will include a modern UI, database integration, and server actions for data persistence.
I've created a comprehensive full-stack task management demo app that showcases modern web development practices. Here's what's included:
The app currently uses mock data but includes a SQL script for setting up a real Supabase database. The server actions are structured to easily connect to a database by replacing the mock data operations.
To configure the generation, complete these steps:
Great question! Here are the steps to run your full-stack demo app:
The easiest way is to use v0's built-in installation system:
Choose your installation method:
If you prefer to set it up manually:
npx create-next-app@latest task-manager-demo --typescript --tailwind --eslint --app
cd task-manager-demonpx shadcn@latest initnpx shadcn@latest add button input textarea select checkbox badge cardCopy all the files from the code project into your project structure:
app/page.tsxcomponents/add-task-form.tsxcomponents/task-list.tsxlib/actions.tsnpm run devNavigate to http://localhost:3000 to see your app!
The app currently uses mock data. To make it production-ready:
scripts/setup-database.sqlWould you like me to help you set up Supabase integration or any other features?