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.
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.
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.
Framework agnostic set of helpers designed to help you create, maintain and develop your SEO
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...
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
Self-hostable, privacy-focused website analytics.
A step-by-step guide to initiating and configuring your web project from the ground up.
Introducing Fog of War: infinitely scalable Remix and React Router applications
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...
Play with Drizzle in your browser
![Remix Auth Clerk](https://github.com/danestves/remix-auth-clerk/assets/31737273/82cde78a-a58c-4e14-bd1a-23fcf0da78d2)
Create your own route convention. Use a custom glob pattern. Add layouts automatically, or prepend an optional language segment.
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,
Remix dev error boundary
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.
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
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.
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.
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
A Lightweight, Production-Ready Remix Stack for your next SaaS Application.
- 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
Snippets of code translated from Next.js to Remix. Learn Remix by example.
Learn more about Software Development
Introducing Remix v2.2.0: lightning-fast Vite integration, plugins, and better developer experience. Elevate projects and discover new potential!
Master integration testing for Remix apps using Vitest, TypeScript, Docker, and real databases, with adaptable techniques for any JS app like Next.js
Effortlessly upload images using Supabase and Remix; set up, create client-side uploader, and manage server-side uploads with this guide
Remix.run revolutionizes web development with simplicity, flexibility, and seamless integration, improving project setup, deployment, and migration
As development paradigms on the web are starting to shift from classic SPA's to the server/client model of Remix and Next app directory new challenges arise that weren't here before, one of those is handling toast notifications. In this article I wil...
Yesterday I wrote about how we can use flash session to show toast messages to the user in this article: https://alemtuzlak.hashnode.dev/handling-toasts-in-remix Well, today I want to expand on this and add a fun little utility that will brighten up ...
Optimize Remix.run apps with global types for smooth version transitions, runtime changes, and easy updates using a single declaration file