jiangsi/hono-remix-vite-on-cloudflare
hono remix vite on cloudflare ,use vite as local dev tools ,and can access cloudflare kv
hono remix vite on cloudflare ,use vite as local dev tools ,and can access cloudflare kv
Framework agnostic set of helpers designed to help you create, maintain and develop your SEO
Today we go over how to switch your Remix vanilla server over to Hono.js in your remix vite projects, how to type your AppLoadContext with TypeScript tricks and how to use middleware in Remix. We also use the i18n middleware for localization and internationalization. ๐ Resources and Links: GitHub Repo: https://github.com/AlemTuzlak/remix-ecommerce ๐ Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together. ๐ Stay Connected: Twitter: https://twitter.com/AlemTuzlak GitHub: https://github.com/AlemTuzlak Company Github: https://github.com/forge42dev โฑ๏ธ Timestamps: 00:00 - Intro 00:28 - Going over what we need 01:25 - Adding the Hono server to Remix vite 02:20 - Extending our vite config 03:10 - Creating the load context 05:55 - Typing our app load context 07:28 - Adding internationalization i18n middleware 08:04 - Modifing our project 10:02 - Going over our implementation 11:10 - Going over what else you could do ๐ Tags: Remix framework, Vite, Remix Vite, web development, frontend development, Remix tutorial, coding tutorial, Remix Vite tutorial, open source, coding community, Hono.js
A Lightweight, Production-Ready Remix Stack for your next SaaS Application.
Zero-config PWA for Remix
Example showing how to use global data in your Remix app
Remix 2.7 introduced official Vite support, making it ideal to migrate our Remix Apps to Vite. In today's episode, we'll step by step migrate a base Remix App to Vite. 00:00 Introduction 00:14 Step 1: Setup Vite 00:40 Step 2: HMR & HDR 00:58 Step 3: TypeScript Integration 01:26 Step 4: Migrating Remix App Server 02:00 Step 5: Path Aliases 02:26 Step 6: Remove @remix-run/css-bundle 03:00 Step 7: Enabling TailwindCSS 03:24 App Migration (Remix + Vite)
An example on how to run Remix with Nitro with HMR using Vite's 5.1 experimental runtime API.
Drizzle is a typescript ORM for type-safe database access and automatic migrations. Add it to your Remix app to get started with Cloudflare D1.
Chat with LLMs locally utilizing llamafile as the underlying model executor.
Utility library to cache your client data in Remix.run
A package that adapts requests between Azure Functions and Remix.run
SaaSKits is a SaaS boilerplate built with Remix, Stripe, Prisma and Resend to help you bootstrap your SaaS idea quickly.
๐ All-in-one remix starter template for Cloudflare Pages
A community driven social networking app built using Remix and Supabase
Remix template with Vite, Tailwind CSS, and Fly.io support
Master integration testing for Remix apps using Vitest, TypeScript, Docker, and real databases, with adaptable techniques for any JS app like Next.js
A Remix run demo in full JS with JSDoc
Get Real-Time Chat and Presence in Seconds With Cord + Remix
๐ PartyKit โคซ Remix ๐ฟ
An example on how to run Remix with Nitro with HMR using Vite's 5.1 experimental runtime API.