Razzle/Vercel(aka zeit) deployement

[momosetti]

❓Question

Any deployment guide for deploy razzle app on vercel? thanks!

[whjvenyl]

Create this vercel.json in the root directory of your project:

{
    "name": "after-js",
    "version": 2,
    "builds": [
        {
            "src": "build/public/**",
            "use": "@now/static"
        },
        {
            "src": "build/server.js",
            "use": "@now/node-server"
        }
    ],
    "routes": [
        { "src": "/assets.json", "dest": "build/assets.json" },
        { "src": "/chunks.json", "dest": "build/chunks.json" },
        { "src": "/favicon.ico", "dest": "build/public/favicon.ico" },
        { "src": "/robots.txt", "dest": "build/public/robots.txt" },
        { "src": "/static/(.*)", "dest": "build/public/static/$1" },
        { "src": "/(.*)", "dest": "build/server.js" }
        
    ]
}

Then do a local build with 'npm run build'.
Afterwards deploy from a local terminal with 'vercel'

[fivethreeo]

Post your package an vercel json.

[moringaman]

Hi,

My package.json is as follows

{
  "name": "chunkysoapui",
  "version": "0.1.0",
  "license": "MIT",
  "scripts": {
    "start": "razzle start",
    "buildscript": "razzle build",
    "test": "razzle test --env=jsdom",
    "start:prod": "NODE_ENV=production node build/server.js"
  },
  "dependencies": {
    "@stripe/react-stripe-js": "^1.1.2",
    "@stripe/stripe-js": "^1.10.0",
    "express": "^4.17.1",
    "fuse.js": "^6.4.6",
    "isomorphic-unfetch": "^3.0.0",
    "jspdf": "^2.3.1",
    "lodash": "^4.17.20",
    "moment": "^2.29.1",
    "path": "^0.12.7",
    "razzle": "^3.1.8",
    "razzle-plugin-pwa": "^2.2.3",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-feather": "^2.0.8",
    "react-loader-spinner": "^3.1.14",
    "react-paginate": "^7.1.2",
    "react-redux": "^7.2.1",
    "react-router-dom": "^5.2.0",
    "redux": "^4.0.5",
    "stripe": "^8.114.0",
    "styled-components": "4.2.0",
    "universal-cookie": "^4.0.4"
  }
}

vercel.json is,

{
    "version": 2,
    "builds": [
        {
            "src": "build/public/**",
            "use": "@now/static"
        },
        {
            "src": "build/server.js",
            "use": "@now/node-server"
        }
    ],
    "routes": [
        { "src": "/assets.json", "dest": "build/assets.json" },
        { "src": "/chunks.json", "dest": "build/chunks.json" },
        { "src": "/favicon.ico", "dest": "build/public/favicon.ico" },
        { "src": "/robots.txt", "dest": "build/public/robots.txt" },
        { "src": "/static/(.*)", "dest": "build/public/static/$1" },
        { "src": "/(.*)", "dest": "build/server.js" }
        
    ]
}

[fivethreeo]

Rename buildscript to build

https://vercel.com/docs/configuration#project/rewrites

[moringaman]

Hi @fivethreeo, I had it as build initially as per your previous comment as it was not working as build...

[fivethreeo]

If you’d like to override the Build Command, you can turn on the Override toggle and specify the command.