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
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.
๐ All-in-one remix starter template for Cloudflare Pages
A Hono adapter for Remix apps using Cloudflage Pages
Edge computing is increasingly being adopted by web developers these days to improve UX and decrease latency of their applications. Cloudflare Workers, Deno Deploy, Netlify Edge Functions, and Vercel Edge Functions, all have made edge computing available to developers of full stack applications. With this adoption new architectural patterns and anti-patterns for building web applications have emerged. In this talk weโll cover how developers can utilize edge computing to build full-stack applications and what are the strengths and weaknesses of this approach. Weโll also look into the future โ beyond the edge, and explore how thinking of the network as the computer will fundamentally change the architecture of web applications in order to make building planet-scale applications accessible to everyone. Speaker Bio: Nevi Shah is a Product Manager at Cloudflare. She works on Cloudflare Pages and Cloudflare D1. https://remix.run/conf/2023/speakers/nevi-shah Speaker Bio: Igor Minar is a software engineer at Cloudflare and co-creator of AngularJS, Angular, and Karma. He has spent the last 15 years helping developers by building infrastructure, APIs, and tooling for the Web. Igor built some of the biggest web development communities during his time at Google. He collaborated with the TypeScript team to bring type-checking and better tooling to developers, as well as browser vendors to design and improve web APIs. He has also worked to establish pragmatic best practices in the web ecosystem by creating conventional commits and many evergreen libraries. https://remix.run/conf/2023/speakers/igor-minar
Recently I tried setting up CDN on my remix.run website hosted on fly.io.
Remix run stack built for the edge (cloudflare pages and d1)
Should you host your Remix app on a serverless provider like Netlify, Vercel, Cloudflare Pages, or AWS Lambda? Or a long-lived server like Fly, Render, Railway, or DigitalOcean? This guide will help you choose the right hosting option for your app.
Northwind Traders implemented on Remix + CF Pages + D1
Learn how to deploy a Remix app with GitLab and Cloudflare Workers.
Up to date Internet trends and insight
This Remix Austin meetup took place at the H-E-B Digital & Favor Eastside Tech Hub in Austin, TX on July 28th. We had 3 amazing speakers present! 00:00 Creating a Terms of Service Banner โ Brooks Lybrand 11:29 Sending Emails in Cloudflare with Remix Forms โ Justin Reynolds 34:42 Headless e-commerce with Medusa, Remix, NX and Tailwind โ Jake Ruesink 1:21:39 Goodbye Creating a Terms of Service Banner โ Brooks Lybrand The O.G. localStorageโthe cookie. Remix makes it super easy to leverage these little guys to do all sorts of things, like drive the state management for a Terms of Service Banner! Repo: https://github.com/brookslybrand/tos-cookie Sending Emails in Cloudflare with Remix Forms โ Justin Reynolds Remix gives you full control of your entire stack, which makes creating a service like a contact form with auto email capabilities incredibly easy. Watch as Justin runs through putting all the pieces together for a simple and free solution. Live site: https://remixdevs.com/ Headless e-commerce with Medusa, Remix, NX and Tailwind โ Jake Ruesink Jake will show us how he and his team at Lambda Curry are able to effectively and rapidly build awesome ecommerce sites with Remix and MedusaJS Repo: https://github.com/jaruesink/remix-medusa Want to attend future Remix Austin meetups? Join our group to be notified of future events: https://www.meetup.com/remix-austin
Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience that deploys to any Node.js server and even non-Node.js environments at the edge like Cloudflare Workers. In this episode, we interviewed Ryan Florence, co-founder at
A React component for responsive images in Remix
Why force your users to settle for either loading skeletons or slow page renders? Remix can bring your application rendering to the edge, but what about your data? Why should every request have to call back to a single database cluster in Virginia? For the best performance and experience for your users, store your data on the edge, alongside the rest of your application. We'll discuss how the original colocated server and database configuration worked, how it evolved with Jamstack, improved with next-gen data services, and how today's technology supports a new architecture altogether. But distributed systems are notoriously hard to design for, and edge-based storage is no different, with the challenges of synchronicity being a particularly difficult problem. I'll highlight the benefits of edge-based storage, how it compares to the other options, and I'll showcase a truly global Remix application built with Cloudflare's KV, Durable Objects and R2. Speaker bio: Greg is a Systems Engineer at Cloudflare working on Cloudflare Pages in the Emerging Technologies and Incubation department. Cloudflare Pages is a full-stack developer platform and they were very excited to add support for Remix at the end of last year. Before Pages, Greg worked with Cloudflare's Speed Team where he learned to appreciate the Network tab of DevTools. Greg has also contributed to the Web Almanac and numerous open-source projects, and, most importantly, he has his fingers crossed for enough snow to go skiing after Remix Conf! โท Learn more at https://remix.run/conf/2022/speakers/greg-brimble
A storefront starter kit for Vendure built with Remix
JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. ๐
Using sessions with Remix is a pretty straightforward task. Usually, you put your session data into a...
Before we outline all the steps to deploy a Remix application on CloudFlare workers, weโd like to take a moment to explain what the Edge Network is...
An example of prisma working on cloudflare pages with Remix
In this video I'll be going over how I rebuilt my personal website - codewithkristian.com - for 2022. I'll cover the tools I use, how I wrote the code, and how I deployed it, without spending any money*. 00:00 Intro 00:43 What we're doing 01:50 Buying a new domain 03:50 Setting up a new codebase project 07:23 Coding timelapse 07:53 Viewing the finished product 08:45 Pushing the project to GitHub 11:44 Deploying the project to the web 16:28 Conclusion * Registering a custom domain (codewithkristian.com) costs money! View the source for this project: https://github.com/codewithkristian/landing-page Cloudflare Registrar - cheap (at-cost) domain registrar: https://www.cloudflare.com/learning/dns/what-is-cloudflare-registrar/ Remix - new React.js framework that I'm digging: https://remix.run Cloudflare Pages - deploy Jamstack applications easily with dope performance: https://pages.cloudflare.com WATCH MY FREE ONLINE COURSES: โ Introduction to Cloudflare Workers - https://egghead.io/courses/introduction-to-cloudflare-workers-5aa3 ๐ Build a Serverless API - https://egghead.io/courses/build-a-serverless-api-with-cloudflare-workers-d67ca551 ๐พ Build Data-Driven Applications on the Edge - https://egghead.io/courses/build-data-driven-applications-on-the-edge-with-workers-and-workers-kv-4932f3ea MY FAVORITE GEAR: ๐ฅ Camera - https://geni.us/PAvvcAI ๐ค Best Mic for Narration - https://geni.us/hT3zR8c MY FAVORITE SOFTWARE: ๐ My text editor of choice for code - https://code.visualstudio.com ๐ต Where I get my Music (amazing for YouTubers) - https://www.epidemicsound.com/referral/edhm1x FOLLOW KRISTIAN: ๐ Sign up to my weekly email newsletter - https://www.getrevue.co/profile/codewithkristian ๐ My website / blog - https://www.codewithkristian.com ๐ฆ Twitter - https://twitter.com/codewithkristian WHO AM I: I'm Kristian! I make YouTube videos, teach people how to code, and work as an engineering manager in tech. I make videos teaching developers the fundamentals that they need to succeed in their programming careers. I'm into music and live in Austin, Texas with my girlfriend and my dog. Thanks for watching! ๐ ๐ My website / blog - https://www.codewithkristian.com GET IN TOUCH: I'd love to chat! Tweet at me, or send me a DM: @codewthkristian. I'd love to answer any questions you have while watching my videos, or if you have video suggestions, hit me up! PS: Some of the links in this description are affiliate links that I get a kickback from ๐
Repository for Hackletter, a weekly newsletter by Aravind, built on top of Buttondown's API.
Edge computing is increasingly being adopted by web developers these days to improve UX and decrease latency of their applications. Cloudflare Workers, Deno Deploy, Netlify Edge Functions, and Vercel Edge Functions, all have made edge computing available to developers of full stack applications. With this adoption new architectural patterns and anti-patterns for building web applications have emerged. In this talk weโll cover how developers can utilize edge computing to build full-stack applications and what are the strengths and weaknesses of this approach. Weโll also look into the future โ beyond the edge, and explore how thinking of the network as the computer will fundamentally change the architecture of web applications in order to make building planet-scale applications accessible to everyone. Speaker Bio: Nevi Shah is a Product Manager at Cloudflare. She works on Cloudflare Pages and Cloudflare D1. https://remix.run/conf/2023/speakers/nevi-shah Speaker Bio: Igor Minar is a software engineer at Cloudflare and co-creator of AngularJS, Angular, and Karma. He has spent the last 15 years helping developers by building infrastructure, APIs, and tooling for the Web. Igor built some of the biggest web development communities during his time at Google. He collaborated with the TypeScript team to bring type-checking and better tooling to developers, as well as browser vendors to design and improve web APIs. He has also worked to establish pragmatic best practices in the web ecosystem by creating conventional commits and many evergreen libraries. https://remix.run/conf/2023/speakers/igor-minar
This video shows how to configure VS Code to debug your Remix loaders and actions. NOTE: You can now use the `debugger` statement instead of the external `debug()` function. I tried this before, but it didn't work. Not sure why it works now. You still can't set a breakpoint inside a route module, but you can add `debugger` statement and it will break there. You can then step through your code. I will be re-recording this video with this new info. Get the launch configuration here: https://rmx.fyi/debug
Have you heard about our new Remix Stacks template the K-pop Stack? It combines Remix, Supabase, Tailwind, and more to give you a note creation app with auth to help jump start your own Remix creation. Check out how to make it your own and get it deployed to fast and free! Repo: https://github.com/netlify-templates/kpop-stack Blog Post: https://www.netlify.com/blog/deploy-your-remix-supabase-app-today!/
HTTP Caching is a web fundamental every web developer should eventually learn. The quickest way to a slow website is to not understand caching and ofc, the best way to make your website fast is to take advantage of it. In this video we'll explain the basics of HTTP caching, how web browsers respond to it, and how CDNs take advantage of it, by building a bare-bones Node.js server and then quickly see how to specify caching headers in a Remix App.
ReactNext 2022 www.react-next.com Israel's Annual React & React-Native conference Powered by EventHandler ----------------------------------------- Stream Away the Wait: When implementing the design of a user interface, we often finish before remembering that not everyone's running the app's services locally on their device. There's going to be network latency, long running database queries, and large datasets that can slow down the experience. We can and should do everything we can to speed things up, but not all of this is within our control. This means we need to start thinking about pending states. But pending UI is terrible. In this talk, Kent will walk us through building a pending experience that is quite delightful. Ultimately taking advantage of React 18's new streaming APIs and a soon-to-be-released API in Remix to give a top-notch user and developer experience. Prepare to have your mind blown. ----------------------------------------- Kent C. Dodds: Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is a Co-Founder and Director of Developer Experience at Remix. He is the creator of EpicReact.Dev and TestingJavaScript.com. He's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and Remix. ----------------------------------------- #javascript #reactjs #programming #software #development #softwaredevelopment
Learn more at https://remix.run
We will walk through a simple demonstration of a remix application using nested routes and parameterized routes. The use of nested routes helps me with component design and separation when architecting an application. Parameterized routes / Dynamic Routes contain state information that can through the parameters that are defined on the route. This provides powerful flexibility when designing your app and app's components. Putting the two together in an simple solution to be a reference when you build something amazing. Speaker bio: Aaron is an Information Technology Strategist, Thought Leader, and Diversity and Inclusion Trailblazer - Founder & CEO of Clearly Innovative. He believes technology and in his case coding is an enabler and an equalizer. Aaron has focused a large part of his career training and developing individuals who want to get into tech but cannot find the opening; through the apprenticeship program he ran at Clearly Innovative, teaching web and mobile development at Howard University, and the free technical videos on his Youtube Channel he just want to help others get a seat at the table of tech and innovation. Learn more at https://remix.run/conf/2022/speakers/aaron-k-saunders