VICE is the definitive guide to enlightening information

Coming to you from around the world, VICE captures the people at the heart of stories, and focuses on the ideas, issues, and context that others miss.

Oops, I accidentally made our website faster by switching to Remix

We migrated our site to a new hosting provider, and with it a new React framework. We expected the site to run a little slower. Our tests proved otherwise.

@forge42/seo-tools

Framework agnostic set of helpers designed to help you create, maintain and develop your SEO

Cache Control and Remix: Answering my own questions

Introduction I had some questions around Cache Control and using them in Remix. This is kind of just me answering my own questions lol. Before going over my questions, let's look at two examples and some of the values. Cache-Control without stale-whi...

How to Create the Perfect Hono + Remix Server in under 10 minutes

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

medama-io/medama

Self-hostable, privacy-focused website analytics.

How To Set Up A New Web Project

A step-by-step guide to initiating and configuring your web project from the ground up.

Fog of War

Introducing Fog of War: infinitely scalable Remix and React Router applications

Speed up your Remix knowledge

Introduction This post is for my younger self. A post that would've helped me get up to speed with Remix faster. What is Remix? Remix is a web framework built on top of the Web Fetch API, allowing for deployment on multiple platforms. It acts as a ce...

Drizzle Run

Play with Drizzle in your browser

remix-auth-clerk


Custom routing with Remix

Create your own route convention. Use a custom glob pattern. Add layouts automatically, or prepend an optional language segment.

The Secret to Maintainable Remix Apps: Hexagonal Architecture

Ever feel like updating your Remix app's UI is a circus act? One small change, and suddenly everything's breaking? You're not alone. This fragility often comes from tightly coupled components – a change in one place triggers a domino effect throughout your code. But there's a solution: hexagonal architecture. This pattern,

@metronome-sh/dev-error-boundary

Remix dev error boundary

How to Validate Form in Remix with clientAction by sergiodxa

When to use Route Modal in React Router by sergiodxa

Translate your Remix.run app with Lingui - Simon Depelchin

Lingui is an alternative to i18next for internationalization in Javascript project. It offers a different approach to i18n and is now available for Remix.run projects with Vite.

FUTURE of react-router v7 and Remix.run v3 EXPLAINED.

Curious about the future of React Router v7 and Remix.run? Watch this video for a detailed explanation of what's to come! Learn about the exciting updates and improvements in store for these popular tools. 🔗 Resources and Links: The article: https://remix.run/blog/merging-remix-and-react-router Remix package RFC: https://github.com/remix-run/remix/discussions/7823 Single-fetch RFC: https://github.com/remix-run/remix/discussions/7640 👍 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:08 - Going over the announcement 01:22 - Why this makes sense in depth explanation 04:29 - Going through the rest of the article. 07:35 - Remix package RFC 10:45 - Remix Single Fetch RFC 14:47 - Remix future TL:DR 15:09 - The future of the packages and the great transition 17:15 - Outro 🔖 Tags: Remix framework, Vite, Remix Vite, web development, frontend development, Remix tutorial, coding tutorial, Remix Vite tutorial, open source, coding community, Vite

Incremental Path to React 19: React Conf Follow-Up

React Router v7 will provide an incremental path to the entire, full stack feature set of React. Upgrading from to React Router v7 is non-breaking for both React Router v6 and Remix v2.

Merging Remix and React Router

We've been building a bridge from React Router to Remix, and we made it so good that we're going to merge the two projects.

Homegrown Remix Middleware (feat. Kiliman)

Kiliman shows Brooks how to use two new packages he's created for homegrown session context and middleware, and walks him through authentication and session management examples in a Remix application. remix-express-vite-plugin 👉 https://github.com/kiliman/remix-express-vite-plugin Learn more about Kiliman 👉 https://twitter.com/codingthirty 00:00 - Introduction 00:44 - Kiliman's background with Remix 02:44 - Thoughts on Remix's routing convention 06:47 - Motivation for homegrown middleware 09:24 - Setting up the project 11:03 - Setting up express-dev-server and remix-create-express-app 18:36 - Setting up middleware 19:38 - Implementing session middleware 31:23 - Implementing auth middleware 40:55 - Comparing with the RFC 47:33 - Final thoughts Learn more at https://remix.run

dev-xo/remix-saas

A Lightweight, Production-Ready Remix Stack for your next SaaS Application.

Roadmap Planning #11

- Public roadmap 👉 https://github.com/orgs/remix-run/projects/5 - RFCs 👉 https://github.com/remix-run/remix/discussions/categories/official-rfcs - "Open Development" blog post 👉 https://remix.run/blog/open-development 00:00 - Introduction and current work 10:18 - Overview of "In Progress" 13:44 - Fog of War 18:50 - Split out client loaders/actions 24:19 - Middleware and Server Context 40:48 - SSG Learn more at https://remix.run

Remix for Next.js Developers

Snippets of code translated from Next.js to Remix. Learn Remix by example.

Replace ESLint & Prettier with Biome.js - Simon Depelchin

Learn more about Software Development