{"id":17689419,"url":"https://github.com/morishin/azure-static-web-apps-template","last_synced_at":"2025-08-22T13:46:44.737Z","repository":{"id":44573641,"uuid":"428874232","full_name":"morishin/azure-static-web-apps-template","owner":"morishin","description":"A web application example using Vite, React, TypeScript, GraphQL and hosted on Azure Static Web Apps","archived":false,"fork":false,"pushed_at":"2022-02-14T15:38:56.000Z","size":407,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-06T02:42:28.426Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://green-island-0e0ec2900.1.azurestaticapps.net/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/morishin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-17T01:49:44.000Z","updated_at":"2023-08-11T20:06:51.000Z","dependencies_parsed_at":"2022-09-11T19:10:54.472Z","dependency_job_id":null,"html_url":"https://github.com/morishin/azure-static-web-apps-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morishin%2Fazure-static-web-apps-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morishin%2Fazure-static-web-apps-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morishin%2Fazure-static-web-apps-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/morishin%2Fazure-static-web-apps-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/morishin","download_url":"https://codeload.github.com/morishin/azure-static-web-apps-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246385384,"owners_count":20768668,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-24T11:47:44.100Z","updated_at":"2025-03-30T21:46:59.962Z","avatar_url":"https://github.com/morishin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Azure Static Web Apps Template\n\nA web application example using Vite, React, TypeScript, GraphQL and hosted on Azure Static Web Apps.\n\nYou can see the running app here: https://green-island-0e0ec2900.1.azurestaticapps.net/.\n\nThis app uses:\n\n- [Azure Static Web Apps](https://azure.microsoft.com/en-us/services/app-service/static/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Vite](https://vitejs.dev/)\n- [React](https://ja.reactjs.org/)\n- [GraphQL](https://graphql.org/)\n- [Apollo Server](https://www.apollographql.com/docs/apollo-server)\n- [GraphQL Code Generator](https://www.graphql-code-generator.com/)\n- [React Query](https://react-query.tanstack.com/)\n- [React Router](https://reactrouter.com/)\n- [Chakra UI](https://chakra-ui.com/)\n\n## Setup\n\nRun the following command.\n\n```sh\ndev/setup\n```\n\nYou can set environment variables read from Azure Functions in [`local.settings.json`](https://docs.microsoft.com/en-US/azure/azure-functions/functions-develop-vs?tabs=in-process#local-settings). Copy and edit the file as the following command.\n\n```sh\ncp api/local.settings.json.example api/local.settings.json\n```\n\n### Recommended\n\nUseful VS Code extension for developing Azure Static Web Apps: https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps\n\n## Run\n\nThe following command will start both API and frontend application.\n\n```sh\ndev/start\n```\n\n- You can open http://localhost:4280/ in your browser.\n- `dev/start` runs also `graphql-codegen --watch` to generate GraphQL types implementations when you modify GraphQL schema.\n- Frontend app hot-reloads by Vite dev server and API app restarts by nodemon when the code generation occurs or you modify some codes.\n\n### API only\n\nRun only API app by the following command.\n\n```sh\ncd api\nyarn dev\n```\n\n- Open http://localhost:7071/api/graphql in your browser to launch GraphQL Playground.\n- API app restarts by `nodemon` when you modify some codes.\n\n## Deploy\n\nExample app: https://green-island-0e0ec2900.1.azurestaticapps.net/\n\nYou can deploy your own app as Azure Static Web Apps.\n\n1. Clone this repository, run setup, and remove `.github` directory including an example azure app info.\n1. Create Azure Static Web App. See https://docs.microsoft.com/en-US/azure/static-web-apps/getting-started?tabs=vanilla-javascript.\n    - Specify `/` as an app location and `dist` as an output location.\n1. Auto-generated GitHub Actions deploy this app when codes are pushed to `main` branch 🚀\n\n# LICENSE\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorishin%2Fazure-static-web-apps-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmorishin%2Fazure-static-web-apps-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorishin%2Fazure-static-web-apps-template/lists"}