chore: DX improvements

Author: nickytonline

remix.init/README.md

@@ -37,29 +37,27 @@ Ensure all packages are installed by running:
 npm install
 ```
 
-### Using the Remix Dev Server
-
-The Remix dev server starts your app in development mode, rebuilding assets on file changes.
-
-Open up [http://localhost:3000](http://localhost:3000), and you should be ready to go!
+Run
 
 ```sh
-npm run dev
+netlify dev
 ```
 
-### Using the Netlify CLI
+Open up [http://localhost:8888](http://localhost:8888), and you're ready to go!
+
+### Adding Redirects and Rewrites
+
+To add redirects and rewrites, add them to the `netlify.toml` file or to the [\_app_redirects](_app_redirects) file.
+
+### Serve your site locally
 
 Run
 
 ```sh
-netlify dev
+npm run start
 ```
 
-Open up [http://localhost:8888](http://localhost:8888), and you should be ready to go!
-
-### Adding Redirects and Rewrites
-
-To add redirects and rewrites, you can add them to the `netlify.toml` file or to the [_custom_redirects](_custom_redirects) file. When running `ntl serve` or if deploying your site, the `_custom_redirects` file will be copied and renamed to `_redirects` to your publish folder.
+to serve your site locally at [http://localhost:8888](http://localhost:8888).
 
 ## Deployment
 

remix.init/_app_redirects

@@ -0,0 +1,15 @@
+# This file is being used instead of the typical Netlify _redirects file in the root of your application
+
+# Because /* /.netlify/functions/server 200 will cause the Remix dev server to not serve
+
+# pages when running `netlify dev` if it is in the netlify.toml file or a _redirects file.
+
+# The build step will copy this file to the publish directory for your application and rename it to _redirects
+
+# so that it will be used by Netlify when your site is deployed.
+
+# Do not remove. This is required to serve the site when deployed
+
+/* /.netlify/functions/server 200
+
+# Add other redirects and rewrites here and/or in your netlify.toml

remix.init/_custom_redirects

@@ -21,7 +21,7 @@ const edgeFilesToCopy = [
 const filesToCopy = [
   ["README.md"],
   ["netlify-toml", "netlify.toml"],
-  ["_custom_redirects"],
+  ["_app_redirects"],
 ];
 
 const tsExtensionMatcher = /\.ts(x?)$/;

remix.init/index.js

@@ -1,5 +1,5 @@
 [build]
-command = "remix build && cp _custom_redirects public/_redirects"
+command = "remix build && cp _app_redirects public/_redirects"
 publish = "public"
 
 [dev]