diff --git a/docs/docs/usage/modern-web-app.md b/docs/docs/usage/modern-web-app.md index 71df7d1..083acea 100644 --- a/docs/docs/usage/modern-web-app.md +++ b/docs/docs/usage/modern-web-app.md @@ -1,5 +1,45 @@ # Create a Modern Web App -This section will guide you through creating a modern web application using RA.Aid. Stay tuned for detailed instructions and best practices. +When using AI tools like RA.Aid to create a modern web application, it's most effective to break down the work from a high level into discrete tasks. This guide will walk you through a practical example of building a Next.js application with common modern features. -Coming soon... +## Setting Up a Fresh Next.js Application + +To get started with a new Next.js project, you can use RA.Aid with a simple command like: + +``` +ra-aid -m "Initialize a new nextjs app." +``` + +RA.Aid will execute the necessary commands and set up a clean Next.js project for you with the latest best practices. It'll even search the web to read documentation about the latest version of Next. + +## Adding shadcn/ui Components + +Once your base Next.js application is ready, you can add the shadcn/ui component library. Tell RA.Aid: + +``` +ra-aid -m "Install shadcn into this project and put a few examples of shadcn components on the main page." +``` + +This will configure your project with shadcn/ui's CLI, set up the necessary styling, and add your first components. + +## Integrating Prisma with SQLite + +For database integration, you can add Prisma ORM with SQLite. Simply instruct RA.Aid: + +``` +ra-aid -m "Integrate prisma/sqlite into this project." +``` + +RA.Aid will handle the Prisma setup, create your database schema, and set up your first model. + +## Adding Features Incrementally + +With the foundation in place, you can start adding features one by one. Here's an example: + +``` +ra-aid -m "Add a simple user registration form. Include fields for email and password." +``` + +Keep your feature requests focused and specific. This allows RA.Aid to implement them effectively while maintaining code quality. + +Remember to build your application incrementally, testing each feature as it's added. This approach helps manage complexity and ensures a stable development process. \ No newline at end of file