Skip to content

Latest commit

 

History

History
60 lines (46 loc) · 1.33 KB

README.md

File metadata and controls

60 lines (46 loc) · 1.33 KB

Vite Plugin React Router Amplify Hosting

This package is vite plugin for React Router SSR on Amplify Hosting.

Features

  • Generate deply-manifest.json.
  • Generate and bundle a server.mjs as compute entrypoint file.
  • Build the folder structure that Amplify expects for the deployment bundle.

Get started

Install

npm install vite-plugin-react-router-amplify-hosting

Usage

Include the Amplify plugin in your vite.config.ts:

import { defineConfig } from "vite";
import tailwindcss from "@tailwindcss/vite";
import { reactRouter } from "@react-router/dev/vite";
import tsconfigPaths from "vite-tsconfig-paths";
import { amplifyHosting } from "vite-plugin-react-router-amplify-hosting";

export default defineConfig({
  plugins: [tailwindcss(), reactRouter(), tsconfigPaths(), amplifyHosting()],
});

The baseDirectory should be .amplify-hosting. baseDirectory is .amplify-hosting. Your build settings file should look like the following.

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - "npm ci --cache .npm --prefer-offline"
    build:
      commands:
        - "npm run build"
  artifacts:
    baseDirectory: .amplify-hosting
    files:
      - "**/*"
  cache:
    paths:
      - ".npm/**/*"

License

This package was created under the MIT License.