PWA Starter

Straight to Full Documentation

The PWABuilder pwa-starter is our opinionated, best practices, production tested starter that we use to build all of our PWAs, including PWABuilder itself! The pwa-starter is a starter codebase, just like create-react-app or the Angular CLI can generate, that uses the PWABuilder team's preferred front-end tech stack. We also have a CLI tool to allow you to create a PWA template from the command line.

Jump Right In

Install the PWABuilder CLI:

npm i -g @pwabuilder/cli

And create a new app with this command:

pwa create

And start your app locally with:

pwa start

And that's it! Good luck on your Progressive Web App adventure!

More Info

With it you get an app that:

• Has no build system to set up and no boilerplate code to add. Everything is included out of the box.
• Has a Service Worker system using Workbox
• Scores close to 100 on Lighthouse out of the box
• Has everything needed to be installable in the browser
• Is ready to be package for the app stores using PWABuilder
• Uses the Azure Static Web Apps CLI which enables emulating your production environment locally, and gets you ready for deploying to Azure Static Web Apps!

and all with just a few button clicks 😊.

The AWS Toolkit lets you interact with AWS directly from VS Code. Ready to install? See Getting Started.

Amazon Q (preview)

Amazon Q is your conversational assistant for building, maintaining, and transforming applications. Amazon Q can do the following from the IDE:

• Answer questions about AWS
• Answer questions about general programming concepts
• Explain what a line of code or code function does
• Write unit tests and code
• Debug and fix code
• Refactor code

Amazon CodeWhisperer

An AI powered productivity tool for the IDE.

• Real-time code suggestions - automatic code recommendations in 15+ languages, now including infrastructure as code (CloudFormation, AWS CDK, and Terraform)
• Optimized for use with AWS services - code suggestions are optimized for AWS APIs including Amazon Elastic Compute Cloud (Amazon EC2), AWS Lambda, and Amazon Simple Storage Service (Amazon S3)
• Built-in security scans - Scan your code to detect hard-to-find vulnerabilities and get code suggestions to remediate them immediately

Application Composer

AWS Application Composer maintains a real-time visual representation of your application architecture in sync with your IaC. Changes to the architecture—such as adding new resources or changing service configuration—are reflected in the IaC artifacts, and vice versa.

• Visually compose modern applications from 1,000+ AWS CloudFormation resources with little guesswork.
• Use the right tool for the task, including visual, code, or generative AI powered code suggestions in your IDE.
• Integrate with Workflow Studio to visually orchestrate over 220 AWS services or public http endpoints with Step Functions workflows.

Amazon CodeCatalyst

Unified software development service to quickly build and deliver applications on AWS.

Dev Environments - launch VS Code in a cloud development environment, available on-demand in the cloud and automatically created with branch code and consistent project settings, providing faster setup, development, and testing

View, modify, and deploy AWS resources

Multiple AWS accounts and regions - access AWS resources across your accounts and regions

S3 support - view, create, and edit S3 buckets, folders, and files

Lambda - download & upload Lambda functions

Troubleshoot AWS from the IDE

Lambda - step-through AWS Lambda functions using the VS Code debugger

CloudWatch - find logs generated by your AWS resources

ECS - execute commands against running ECS containers (or open a terminal)

More features

• Redshift - view database objects and run SQL queries in a notebook interface
• Step Functions - work with asl files and render state machine visuals
• CloudFormation - view CloudFormation stacks
• API Gateway - invoke an API gateway endpoint
• S3 - view and create S3 folders and buckets, download and upload files, and edit supported files

For a full list of features, visit our documentation.

Getting Started

1. Open the AWS Toolkit extension
2. Add AWS credentials
   1. AWS resources - connect using IAM credentials or IAM Identity Center (formerly SSO)
   2. CodeWhisperer - connect using AWS Builder ID or IAM Identity Center (formerly SSO)
   3. CodeCatalyst - connect using AWS Builder ID

Troubleshooting

Submit bug reports and feature requests on our Github repository.