React with Vite

A step of the Cloud application tree on Gradus, in the Frontend area: Second app, UI, browser tests.

Scaffold a React application with Vite in the frontend's home and show one page that calls the service's health route.

One option of Frontend approach: React with Vite. The others: Server-rendered HTML with HTMX.

Usually comes after: Choose a frontend approach.

Prompt for your AI assistant

Scaffold a React application with Vite and TypeScript in the frontend's package or repository, with the shared formatter and linter config, scripts for dev, build, test and lint and one page that calls the service's /health route and shows the answer. Make the API base URL configurable through an environment variable and document the one command that runs it in the README.

• Show on map
• This step as Markdown
• Every step of the tree, for AI assistants

This is https://gradus.kazet.blog/tree/cloud-application/step/frontend-react as plain HTML. In a browser the page also lets you mark the step forged and copy a message for your AI assistant.