Static Web App

This project was created to help represent a fundamental app written with React. The Shop at Home theme is used throughout the app. View it live at https://www.shopathome.dev.

Learn how

Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps

Getting Started

Prerequisites

• A GitHub account
• Node.js and Git
• Visual Studio Code installed
• The Static Web Apps extension installed
• The SWA CLI installed
• The Azure Functions Core Tools installed

Contents

The apps written in the following JavaScript frameworks/libraries:

Folder	Description	Live Demo
api	Sample Azure Functions app	protected
react-app	Sample React app	react.shopathome.dev

1. Create a repository from this template repository https://github.com/simonaco/shopathome-react/generate

2. Enter the name of your new repository as my-static-web-app

3. Clone your new repository

   git clone https://github.com/your-github-organization/my-static-web-app
   cd my-static-web-app/react-app

4. Install the npm packages

   npm install

5. Run the app

   npm start

Resources

Azure Static Web Apps

• Learn how to set up local development for Azure Static Web Apps using SWA CLI
  • Learn more about SWA CLI
• Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
• Add an API to Azure Static Web Apps
• Authentication and authorization
• API support in Azure Static Web Apps
• Routes
• Review pre-production environments
• Azure Free Trial