skills.rest
dalawwa
dalawwaCOMMUNITY
Explore all skills by this author →
GitHub

Meal Planner Stack

Build a full-stack meal-planner SPA with AWS serverless infrastructure.

Updated Mar 4, 2026
Search Tags:#serverless#tanstack-start#http-api#cloudfront#aws-cdk#dynamodb-single-table#lambda-per-route
One-click install
npx skills add https://github.com/dalawwa/labor-methods --skill meal-planner-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Meal Planner Stack
Source: https://github.com/dalawwa/labor-methods/tree/main/.claude/skills/meal-planner-stack
Command: npx skills add https://github.com/dalawwa/labor-methods --skill meal-planner-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This pattern provides a complete, scalable solution for building a single-user meal planner SPA with a production-grade serverless backend, enabling fast front-end development and reliable data persistence.

Core Features & Use Cases

  • TanStack Start SPA mode with static hosting and file-based routing for a fast, developer-friendly frontend.
  • Lambda-per-route architecture for independent scaling, isolated bundles, and fine-grained IAM control.
  • DynamoDB single-table design with PK/SK patterns and a GSI for alternative query paths.
  • HTTP API (v2) with built-in CORS support, optimized for SPA frontends.
  • S3 + CloudFront static hosting for secure, scalable delivery of the frontend assets.
  • AWS CDK v2 infrastructure as code for reproducible deployments and maintainable stacks.

Quick Start

Create and deploy the Meal Planner Stack to provision the frontend and API endpoints using the provided CDK project.

Frequently Asked Questions about Meal Planner Stack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a full-stack SPA with a serverless backend on AWS?▼

Build a full-stack SPA with a serverless backend on AWS by combining a TanStack Start frontend for static hosting with AWS CDK v2 infrastructure, using per-route Lambda functions and DynamoDB single-table design for data persistence.

What is the lambda-per-route architecture in AWS CDK?▼

The lambda-per-route architecture in AWS CDK provisions independent NodejsFunction bundles for each API endpoint, enabling isolated scaling, fine-grained IAM control, and optimized HTTP API (v2) routing.

How do I set up a DynamoDB single-table design with a GSI for a single-user application?▼

Set up a DynamoDB single-table design with a GSI by defining PK/SK patterns and a Global Secondary Index in AWS CDK v2 using TableV2, creating alternative query paths for a single-user serverless backend.

Does TanStack Start work with S3 and CloudFront for static frontend hosting?▼

TanStack Start works with S3 and CloudFront for static frontend hosting by utilizing its SPA mode with file-based routing, allowing secure and scalable delivery of frontend assets via AWS infrastructure.

Can I use AWS HTTP API with built-in CORS for a TanStack Start frontend?▼

You can use AWS HTTP API (v2) with built-in CORS support to connect a TanStack Start frontend to serverless backend endpoints, optimizing API routing for SPA applications.

What is the best way to deploy a TanStack Start SPA with AWS CDK v2?▼

Deploy a TanStack Start SPA with AWS CDK v2 by provisioning S3 and CloudFront static hosting alongside a DynamoDB TableV2 and HttpApi, creating a reproducible serverless stack that scales to zero.

Related Skills

Explore More Software Engineering Skills→
awslabsawslabs
856

aws-serverless-deployment

Automate AWS serverless deployments using SAM and CDK frameworks.

Official
Intermediate
schuettcschuettc
1

setup-frontend

Automate Vite + React frontend setup and deployment to S3 with CloudFront via CDK.

Community
Advanced
martinffxmartinffx
39

atelier-typescript-dynamodb-toolbox

Model DynamoDB single-table designs with type-safe PK/SK patterns in TypeScript.

Community
Advanced
HouseGarofaloHouseGarofalo
3

aws-lambda

Develop serverless applications with AWS Lambda and TypeScript.

Official
Advanced