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 |
-
Create a repository from this template repository https://github.com/simonaco/shopathome-react/generate
-
Enter the name of your new repository as my-static-web-app
-
Clone your new repository
git clone https://github.com/your-github-organization/my-static-web-app cd my-static-web-app/react-app
-
Install the npm packages
npm install
-
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