+
+ Additional Configuration for Client-Side Routing
+
+
+
+1. Ensure your Wasp project is built by running `wasp build` in the project dir.
+2. Go to `/.wasp/build/web-app` and create 2 files:
+
+- Dockerfile: simply create a file named `Dockerfile` with the contents below (note, it's important to use `FROM nginx:1.19.10-alpine`, as using anything other than this version may throw a lot of exceptions on the server):
+```dockerfile
+FROM node:18-alpine AS builder
+
+# Examples of any ENV variables that build requires for react app to have
+ARG PORT
+ARG WASP_WEB_CLIENT_URL
+ARG REACT_APP_API_URL
+ARG API_URL
+
+ENV REACT_APP_PORT=$PORT
+ENV REACT_APP_WASP_WEB_CLIENT_URL=$WASP_WEB_CLIENT_URL
+ENV REACT_APP_API_URL=$REACT_APP_API_URL
+
+# Add a work directory
+WORKDIR /app
+
+COPY package.json .
+
+RUN npm install
+
+COPY . /app/
+
+RUN npm run build
+
+FROM nginx:1.19.10-alpine
+
+# Set working directory to nginx asset directory
+WORKDIR /usr/share/nginx/html
+
+# Remove default nginx static assets
+RUN rm -rf ./*
+
+COPY --from=builder /app/build .
+
+COPY .nginx/nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 3000
+
+ENTRYPOINT ["nginx", "-g", "daemon off;"]
+```
+- Create a file calle `.dockerignore` with the following contents:
+```
+node_modules
+```
+3. Create a new directory `/.nginx` inside the `web-app` dir.
+4. Create a file `nginx.conf` inside the `/.nginx` dir with the following contents:
+```
+server {
+ listen 8080;
+ server_name localhost;
+
+ location / {
+ root /usr/share/nginx/html;
+ index index.html;
+ try_files $uri $uri/ /index.html;
+ }
+}
+```
+5. Make sure that the `client` service in Railway, which you will set up below, has env variable `PORT` set to `8080` (see the [Add Enviornment Variables](/docs/deploying#add-environment-variables) section below for more info).
+6. Optionally, you may need to disable `tsc` in the `/.wasp/build/web-app/package.json` file if Docker fails on deploy due to typing issues:
+```
+ "scripts": {
+ "start": "npm run validate-env && vite",
+ "build": "npm run validate-env && vite build",
+ "validate-env": "node -r dotenv/config ./scripts/validate-env.mjs"
+ },
+```
+7. Then continue to follow the instructions below to deploy your app to Railway.
+
+
+
:::
To get started, follow these steps:
1. [Generate deployable code](#generating-deployable-code) (`wasp build`)
-2. Sign up at [Railway.app](https://railway.app) (Tip! Sign up with your GitHub account for $5/month of usage free)
+2. Sign up at [Railway.app](https://railway.app) (Tip! Sign up with your GitHub account to be elligble for the free tier)
3. Before creating a new project, install the [Railway CLI](#https://docs.railway.app/develop/cli#install) by running the following command in your terminal:
```shell
curl -fsSL https://railway.app/install.sh | sh
diff --git a/web/src/components/Hero.js b/web/src/components/Hero.js
index 9bf7e93a8..f890fd9a9 100644
--- a/web/src/components/Hero.js
+++ b/web/src/components/Hero.js
@@ -38,7 +38,7 @@ const ActionButtons = () => (
`}
>