vite-aws

Template for a web server application deployed with a cost-effective scalable AWS architecture:

• Static content served via CloudFront distribution from S3
• Serverless API endpoints using Lambda functions with Express routes for on-demand compute
• Infrastructure as Code using AWS CDK for manageable deployments
• Near-zero cost when idle, with pay-per-use pricing for both static hosting and API compute
• Built in MDX rendering see https://vite-aws.com/posts

vite-aws.com

Features

• Node
• Bun
• Vite
• React
• TypeScript
• Express
• TanStack Router
• TanStack Query
• Tailwind
• Eslint
• Prettier
• AWS S3
• AWS CloudFront
• AWS Lambda
• AWS CDK
• AWS Bedrock
• GitHub Actions

Other Libraries

• vitest
• nodemon
• tsx
• dotenv
• svgr
• react-tweet
• next-themes

Environment Setup

After cloning, copy .env.example to .env and add your AWS credentials.

Note: Env variables are injected into the lambda function as environment variables. (except for reserved AWS variables)

Development

bun install             // install dependencies

bun dev           // run the development server

bun build         // build both client side and server side build

Additional Commands

bun clean         // clean everything thats generated in the build/dev process
bun build:client  // build the client side to dist/client
bun build:server  // build the server side to dist/server
bun lint          // run eslint
bun format        // run prettier
bun test          // run tests

CDK

bun build:cdk     // build the cdk
bun deploy        // deploy the cdk

MDX

This branch adds MDX support with the following features:

• MDX file rendering with frontmatter support
• Math equations with KaTeX
• GitHub Flavored Markdown
• Color chips for hex codes
• Syntax highlighting with starry-night
• Auto MDX rendering for routes under /posts

https://vite-aws.com/posts/test /posts/test	https://vite-aws.com/posts/test.mdx /posts/test.mdx