Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/p10ns11y/remix-app
remix tutorial
https://github.com/p10ns11y/remix-app
heroku netlify postgresql reactjs remix-run
Last synced: 8 days ago
JSON representation
remix tutorial
- Host: GitHub
- URL: https://github.com/p10ns11y/remix-app
- Owner: p10ns11y
- Created: 2021-11-27T20:51:49.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-01T19:21:01.000Z (about 3 years ago)
- Last Synced: 2024-12-24T11:57:19.648Z (16 days ago)
- Topics: heroku, netlify, postgresql, reactjs, remix-run
- Language: TypeScript
- Homepage: https://p10ns11y-remix-app.netlify.app/
- Size: 1.51 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to Remix!
- [Remix Docs](https://remix.run/docs)
## Development
From your terminal:
```sh
npm run dev
```
This starts your app in development mode, rebuilding assets on file changes.
## Deployment
First, build your app for production:
```sh
npm run build
```
Then run the app in production mode:
```sh
npm start
```
Now you'll need to pick a host to deploy it to.
### DIY
If you're familiar with deploying node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of `remix build`
- `build/`
- `public/build/`
### Using a Template
When you ran `npx create-remix@latest` there were a few choices for hosting. You can run that again to create a new project, then copy over your `app/` folder to the new project that's pre-configured for your target server.
```sh
cd ..
# create a new project, and pick a pre-configured host
npx create-remix@latest
cd my-new-remix-app
# remove the new project's app (not the old one!)
rm -rf app
# copy your app over
cp -R ../my-old-remix-app/app app
```
## Netlify Setup
1. Install the [Netlify CLI](https://www.netlify.com/products/dev/):
```sh
npm i -g netlify-cli
```
2. Sign up and log in to Netlify:
```sh
netlify login
```
3. Create a new site:
```sh
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](https://docs.netlify.com/functions/build-with-javascript/#runtime-settings)
```sh
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
```sh
# in one tab
$ npm run dev:netlify
# in another
$ npm run dev
```
Open up [http://localhost:3000](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](https://npm.im/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:
```sh
$ npm run build
# preview deployment
$ netlify deploy
# production deployment
$ netlify deploy --prod
```