Vite Template with Express APIs + Amplify Hosting.
Note: This branch has no SSR. It retains the express api server but removes the actual server side rendering -> client side hydration.
Using yarn
yarn install // install dependenciesyarn dev // run the development serveryarn build // build both client side and server side buildAdditional Commands
yarn clean // clean everything thats generated in the build/dev process
yarn build:client // build the client side to dist/client
yarn build:server // build the server side to dist/server
yarn lint // run eslint
yarn format // run prettierTo deploy to Amplify Hosting
- Create repository from template
- Deploy to AWS
Note: set env variable YARN_ENABLE_IMMUTABLE_INSTALLS=0 in the Amplify console
The build outputs to dist folder. The build is split into two parts, the client side and the server side.
dist
├── client
│ ├── assets
│ │ ├── index-CKLaldzO.css 30.02 kB │ gzip: 6.63 kB
│ │ └── index-_V89bRVz.js 325.27 kB │ gzip: 107.74 kB
│ ├── favicon.ico 14.73 kB │ gzip: 4.46 kB
│ ├── index.html .54 kB │ gzip: .34 kB
│ └── robots.txt .06 kB │ gzip: .08 kB
└── server
├── api
│ ├── api.d.ts .21 kB │ gzip: .16 kB
│ └── api.js 1.01 kB │ gzip: .47 kB
├── server.d.ts .25 kB │ gzip: .18 kB
├── server.js 3.27 kB │ gzip: 1.38 kB
├── tsconfig.node.tsbuildinfo 46.99 kB │ gzip: 14.90 kB
├── vite.config.d.ts .08 kB │ gzip: .10 kB
└── vite.config.js .72 kB │ gzip: .36 kB
5 directories, 12 files-
amplify.ymlis the build spec for Amplify Hosting (AWS Docs) -
deploy-minifest.jsonis the deployment spec and is what deploys the express api server (AWS Docs) -
postbuild.shwill take the build fromdistand copy it over to the amplify build folder (.amplify-hosting) which results in (AWS Docs):
.amplify-hosting
├── compute
│ └── default
│ ├── client
│ │ ├── assets
│ │ │ ├── index-CKLaldzO.css 30.02 kB │ gzip: 6.63 kB
│ │ │ └── index-_V89bRVz.js 325.27 kB │ gzip: 107.74 kB
│ │ ├── favicon.ico 14.73 kB │ gzip: 4.46 kB
│ │ ├── index.html .54 kB │ gzip: .34 kB
│ │ └── robots.txt .06 kB │ gzip: .08 kB
│ ├── package.json 2.02 kB │ gzip: .82 kB
│ └── server
│ ├── api
│ │ ├── api.d.ts .21 kB │ gzip: .16 kB
│ │ └── api.js 1.01 kB │ gzip: .47 kB
│ ├── server.d.ts .25 kB │ gzip: .18 kB
│ ├── server.js 3.27 kB │ gzip: 1.38 kB
│ ├── tsconfig.node.tsbuildinfo 46.99 kB │ gzip: 14.90 kB
│ ├── vite.config.d.ts .08 kB │ gzip: .10 kB
│ └── vite.config.js .72 kB │ gzip: .36 kB
├── deploy-manifest.json .83 kB │ gzip: .33 kB
└── static
├── favicon.ico 14.73 kB │ gzip: 4.46 kB
└── robots.txt .06 kB │ gzip: .08 kB
8 directories, 16 files