Drizzle Fiddle

This Fiddle explores some new strategies for using React Server Components with Next.js AppDir and Drizzle ORM. Please note that these patterns are experimental and should not be used in production.

Getting Started

1. Run yarn to install the project dependencies
2. Run cp .env.example .env and add your Credentials to the newly created .env file.
3. Run yarn db:push to sync the db schema with your db.
4. Run yarn dev to start the Development Server.

Experiments

• 🔥 FormData on the Server: →
• 🫣 Isomorphic Form Submission: →
• 🔥 Make a schema change - run: yarn db:push) - no need form migrations: →
• 💡 Tailwind Config in TS: →
• 🫣 Next.js Meta API: →
• 🔥 Next.js Typed Routes: →
• 🔥 DB Schema in Typescript: →
• 🫣 Streaming Binary Data (Image) from form input into DB →
• 💡Using transitions to disable form while loading the next page →
• 💡Using FormData with fetch automatically takes care of setting the corresponding http headers: →
• 🫣 Rails Form Methods are back →

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation
• Drizzle ORM
• Tailwindcss
• MySQL

Special Thanks

• Marouane