Remix + Vite

Intuition App Templates

Our opinionated templates provide out-of-the-box authentication with Privy, onchain interactions with Viem and Wagmi, and modern styling patterns with Tailwind.

We dogfood our templates with our internal app development and then refine and share our learnings with the ecosystem. We’ll be adding more templates that leverage our core Neurofunk stack so be sure to star our https://github.com/0xIntuition/intuition-ts monorepo.

Current Template

Remix/Vite Neurofunk Stack

Our flagship, opinionated template combines Remix with Vite, showcasing the stack we used to build Portal, Data Populator, and other production applications at Intuition. This template was featured in our ETHDenver 2024 presentation, where we shared our learnings and best practices that we discovered along the way. The integration of Vite with Remix enhances the development experience by offering:

• Rapid hot module replacement (HMR)
• Streamlined plugin system for easy extensibility
• Improved support for modern web technologies
• Faster feedback loops and build processes

This combination significantly accelerates development cycles and simplifies the integration of tools like Tailwind CSS. While Remix currently supports Vite as an alternative compiler, Vite will become the default compiler for Remix in the future.

Link to the Neurofunk Remix/Vite template in our monorepo:

• https://github.com/0xIntuition/intuition-ts/tree/main/apps/template

Template Stack

Our Neurofunk stack includes:

• Remix (with Vite)
  • Remix: Remix with Vite Documentation
  • Vite: Vite Documentation
  • Remix Flat Routes: Flat Routes Documentation
• Web3:
  • Privy: Privy Documentation
  • Viem: Viem Documentation
  • Wagmi: Wagmi Documentation
• Styling:
  • Shadcn/ui: Shadcn/ui Documentation
  • Tailwind: Tailwind Documentation
  • Radix: Radix Documentation
• Forms and Data:
  • Zod: Zod Documentation
  • Conform: Conform Documentation
• State Management:
  • Jotai: Jotai Documentation
• Data Fetching:
  • Tanstack Query: Tanstack Query Documentation

Prerequisites

• Node.js: Before anything else, Remix requires that you have either a Active or Maintenance version of Node.js installed.
• Base and Base Sepolia: Intuition is currently deployed on both Base and Base Sepolia. You'll need Base Sepolia for any writes to the Intuition protocol. Consider using a faucet such as Alchemy Base Sepolia Faucet.

Development

If you're running a project using the template from within the monorepo, you can run the dev server directly from the monorepo root:

• pnpm run template:dev

If you've cloned one of our templates into a standalone project, you can run directly from the project root:

• pnpm run dev

Future Templates

We're actively working on additional templates to support different frameworks and use cases. Our goal is to provide a variety of starting points that leverage our Neurofunk stack while catering to different developer preferences and project requirements. Stay tuned for more templates, including:

• Next.js (coming soon)
• Vite React (coming soon)

Check our https://github.com/0xIntuition/intuition-ts monorepo for the most up-to-date templates and READMEs including detailed documentation and setup instructions.

ETHDenver 2024 Presentation

We shared our learnings that informed the creation of the Neurofunk Remix/Vite template at a presentation in ETHDenver 2024.