​
AI-Assisted Integration

Use AI assistants like Claude, Cursor, or other LLMs to automatically integrate Civic Auth into your project. These prompts provide step-by-step instructions that AI assistants can follow to implement authentication in your application.

​
Available Framework Prompts

Next.js

AI prompts for Next.js integration with and without Web3 support

React

AI prompts for React application integration

​
How to Use These Prompts

  1. Choose your framework from the list above
  2. Copy the appropriate prompt for your use case (Web3 or standard)
  3. Paste it into your AI assistant (Claude, Cursor, etc.)
  4. Follow the AI’s step-by-step instructions

​
Benefits of AI-Assisted Integration

  • Faster setup - Let AI handle the boilerplate code
  • Fewer errors - AI follows tested patterns and best practices
  • Customization - AI can adapt the integration to your specific needs
  • Learning - Understand the integration process as AI explains each step

​
Tips for Best Results

Make sure to mention your specific project structure and requirements when using the prompts. The more context you provide, the better the AI can tailor the integration to your needs.

Always review the AI-generated code before implementing it in production. While these prompts are designed to produce working code, it’s important to understand what’s being added to your project.

​
Best Practices

  • Customize the prompts: These prompts are starting points. Modify them based on your specific requirements.
  • Keep them updated: As you discover patterns that work well, update your prompts.
  • Version control: Store your prompts in your repository so your team can benefit from them.
  • Security first: Always review AI-generated code for security best practices.

​
Need Manual Integration?

If you prefer to integrate manually or need more control over the process, check out our Integration guides for step-by-step instructions.