Let's Learn Remix! (with Ryan Florence)

This app was built live on Learn With Jason and it was super fun and I’m sad you weren’t there.

But don’t worry! You can still: watch the video · see the demo · deploy this project · see upcoming episodes

 

Remix is a React-based framework focused on web fundamentals and modern UX. In this episode, Ryan Florence will teach us what makes it different and how to get started with it!

 

More Information

• Watch this app get built live + see links and additional resources
• Follow Learn With Jason on Twitch to watch future episodes live
• Add the Learn With Jason schedule to your Google Calendar

 

• Remix Docs

Netlify Setup

1. Install the Netlify CLI:

npm i -g netlify-cli

2. Sign up and log in to Netlify:

  netlify login

3. Create a new site:

  netlify init

4. You'll need to tell Netlify to use Node 14, as at the time of writing Netlify uses Node 12 by default

  netlify env:set AWS_LAMBDA_JS_RUNTIME nodejs14.x

Development

You will be running two processes during development when using Netlify as your server.

• Your Netlify server in one
• The Remix development server in another

# in one tab
$ npm run dev:netlify

# in another
$ npm run dev

Open up http://localhost:3000, and you should be ready to go!

If you'd rather run everything in a single tab, you can look at concurrently or similar tools to run both processes in one tab.

Deployment

There are two ways to deploy your app to Netlify, you can either link your app to your git repo and have it auto deploy changes to Netlify, or you can deploy your app manually. If you've followed the setup instructions already, all you need to do is run this:

$ npm run build
# preview deployment
$ netlify deploy

# production deployment
$ netlify deploy --prod