diff --git a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md index c31e868..ae0f07d 100644 --- a/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md +++ b/.github/PULL_REQUEST_TEMPLATE/pull_request_template.md @@ -6,49 +6,35 @@ 1. Fork the repository 1. Create a branch for your addition **(for instance, {account}-sunrise-standup)** -1. Include a screenshot of your app in the `./media/` folder +1. Identify the correct table for your example 1. Include the app information (use the following code snippet as a template): ```md -### [My Cool App](https://example.com) - -
- -
- - - -- Link to the project: **[HERE](https://example.com)** -- GitHub repo: **[HERE](https://github.com/microsoft)** - -> Stacks Used: `gatsby, nodejs, azure static web apps` -> Author Twitter (optional): [@name](https://twitter.com/@name) +## Azure Static Web Apps + [Technology/ Language] +| # | Demo | Description | +|---| -------------------- | ----------- | +| 1 | [My Cool App](https://github.com/- +
-Catsify is a simple and creative app that allows you to find a unique name for your lovely cat. What's interesting about this app is that the names generator is all written in Rust and compiled to WASM; and the API is exposed through a Node.js Azure Function. +This repository showcases a variety of examples, tutorials, and use cases of applications developed using different programming languages and frameworks, all hosted on **[Azure Static Web Apps](https://learn.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-154160-juliamuiruri)**. -- Link to the project: **[HERE](https://www.catsify.app/)** -- GitHub repo: **[HERE](https://github.com/manekinekko/catsify)** +If you have a real-world application in production and would like to share it, we invite you to contribute by opening an issue and then a pull request. If you would like to view examples at the production level, please refer to the designated section: [Real World and Production examples with Azure Static Web Apps](#real-world-and-production-examples-com-azure-static-web-apps). -> Stacks Used: `angular, typescript, azure static web apps, rust, web assembly, nodejs, azure functions` +> [!NOTE] +> Missing an application or specific example? Provide us with your feedback by opening an Issue and suggesting the inclusion of new examples. ---- +## Azure Static Web Apps + AI -## Docusaurus +Here you will find examples of intelligent (AI-Powered) applications running on Azure Static Web Apps, showcasing the diversity of scenarios and best practices for adopting AI integration in real-world projects. -### **[Docusaurus Starter](https://ambitious-pebble-02b2d3010.azurestaticapps.net/)** +| # | Demo | Description | +|---| -------------------- | ----------- | +| 1 | [session-recommender](https://github.com/Azure-Samples/azure-sql-db-session-recommender-v2) | A session recommender for your next event.- +π Get started now and take your app to the next level with Azure Static Web Apps!
- -A simple starter template for creating documentation website using the Docusaurus framework. - -> Stacks Used: `reactjs, azure static web apps` - -- Link to the project: **[HERE](https://ambitious-pebble-02b2d3010.azurestaticapps.net/)** -- GitHub repo: **[HERE](https://github.com/sumitkharche/docusaurus-swa-app)** -- Author: [@sumitkharche01](https://twitter.com/sumitkharche01) - ---- - -## Gatsby - ---- - -## Hugo - -### **[ngVikings 2020: A free online conference for Angular developers](https://www.ngvikings.org/)** - -- -
- -ngVikings is a non-profit, non-commercial, 100% community-driven event comprised of many Nordic Angular groups with more than 6500 active members in total. - -- **[ngVikings site](https://www.ngvikings.org/)** -- **[ngVikings repo](https://github.com/ngvikings/ngvikings-2020)** - -> Stacks Used: `hugo, azure static web apps, workbox` - ---- - -## Mongoose - -![Mongoose logo](docs/media/mongoose.png) - -### [Azure Static Web Apps and Mongoose Starter Kit](https://github.com/GeekTrainer/aswa-student-starter-kit) - -![Preview image for Mongoose starter kit](docs/media/mongoose-starter.png) - -Mongoose is the most popular ODM (object document mapper) for Node.js. This basic starter includes the necessary code and steps to create Azure Static Web Apps with Cosmos DB and Mongoose. No front-end framework is used, allowing you to update the site as needed. - -> Stacks Used: `mongoose, cosmos db, azure static web apps` - -- **[Mongoose Starter Kit repo](https://github.com/geektrainer/aswa-student-starter-kit) -- **[Author: GeekTrainer](https://twitter.com/geektrainer) - ---- - -## React.js - ---- - -### **[PWA Blog](https://www.webmax.ru/)** - -- -
- -News and articles about Progressive Web Apps. - -- **[Progressive web apps information](https://www.webmax.ru/)** -- **[Progressive web apps repo](https://github.com/webmaxru/webmax.ru)** - -> Stacks Used: `angular, scully, azure static web apps, workbox, pwa` - ---- - -## Svelte - -### **[Shop at Home](https://www.shopathome.dev)** - -- -
- - - -"Shop at Home" is a sample app which is written in four variations: Angular, React, Svelte and Vue. It is shown in the Build 2020 video presentation. - -- **[Shop at Home demo](https://www.shopathome.dev)** -- **[Shop at Home repo](https://github.com/johnpapa/shopathome)** - -> Stacks Used: `svelte, react, angular, nodejs, azure static web apps` - ---- - -## Vanilla HTML JavaScript CSS - -### **[Azure SWAG Demo: A Positive Thought For Your Day](https://ashy-mushroom-05748f31e.azurestaticapps.net/)** - -- -
- -This is a simple barebone demo for [Azure SWAG](https://docs.microsoft.com/azure/static-web-apps?WT.mc_id=staticwebapps-github-yolasors) (**S**tatic **W**eb **A**pps on **G**itHub). -You can use it as a template for your own apps. - -- **[SWAG demo](https://aka.ms/swag-demo)** -- **[SWAG repo](https://github.com/sinedied/azure-swag/)** - -> Stacks Used: `html, javascript, nodejs, azure static web apps` - ---- - -### **[Nitrooo landing page](https://victorious-ocean-0337ef81e.azurestaticapps.net/)** - -- -
- -Nitro is a heavily opinionated template for building Serverless applications with NestJS, the fastest-growing NodeJS framework in the world by github stars. - -- **[Nitrooo project](https://victorious-ocean-0337ef81e.azurestaticapps.net/)** -- **[Nitrooo repo](https://github.com/nitro-stack/website)** - -> Stacks Used: `javascript, css, html` - ---- - -### **[Hexa CLI Landing Page](https://www.hexa.run)** - -- -
- -Hexa is the ultimate companion for the Azure CLI. It allows you to seamlessly configure, setup and deploy to different Azure services such as Resource Groups, Storage accounts, Hosting, Azure Functions and Databases (CosmosDB and Table Storage) and more. - -- **[Hexa project](https://www.hexa.run)** -- **[Hexa repo](https://github.com/manekinekko/hexa/)** - -> Stacks Used: `html, css, javascript` - ---- - -## Vue.js - -### **[VS Code Can Do That](https://www.vscodecandothat.com)** - -- -
- -All the best things about VS Code that nobody ever bothered to show you. - -- **[VS Code Can Do That demo](https://www.vscodecandothat.com)** -- **[VS Code Can Do That repo](https://github.com/burkeholland/vscodecandothat/)** - -> Stacks Used: `vuejs, azure static web apps` - ---- - -## VuePress - -### **[Nitro Workshop](https://nitro-stack.github.io/nitro-workshop/)** - -- -
- -Online workshop built with Vuepress to learn how to build a backend using NestJS. This is a practical workshop where you'll learn "hands-on" by iteratively building an application from scratch using NestJS and Azure. - -- **[Nitro workshop](https://nitro-stack.github.io/nitro-workshop/)** -- **[Nitro workshop repo](https://github.com/nitro-stack/nitro-workshop)** - -> Stacks Used: `vuepress, azure static web apps, nodejs, nestjs` - ---- - -### **[Peacock for Visual Studio Code Documentation](https://www.peacockcode.dev)** - -
- -
- -Peacock is a Visual Studio Code extension with 700,000+ installations. It subtly changes the color of your Visual Studio Code workspace. This is ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor. - -- **[Peacock Documentation](https://www.peacockcode.dev)** -- **[GitHub repo for Peacock Documentation](https://github.com/johnpapa/vscode-peacock)** -- **[Install the Peacock Extension](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock&wt.mc_id=staticwebapps-github-jopapa)** - -> Stacks Used: `vuepress, azure static web apps, nodejs` - ---- - -### [Cognitive Search Static Apps Demo](https://lively-sand-033e9ec03.azurestaticapps.net/) - -
- -
- -A sample *faceted search* user experience implementation for your [Azure Cognitive Search](https://azure.microsoft.com/services/search/) index. Similar to the [official demo app](https://docs.microsoft.com/azure/search/search-create-app-portal), but a bit more modern. Fork the [repo](https://github.com/scale-tone/cognitive-search-static-web-apps-sample-ui), [deploy](https://docs.microsoft.com/azure/static-web-apps/getting-started?tabs=react#create-a-static-web-app) it to your Static Web Apps instance, connect it to your Cognitive Search index with a set of [config settings](https://github.com/scale-tone/cognitive-search-static-web-apps-sample-ui#config-settings), optionally [configure authN/authZ](https://docs.microsoft.com/azure/static-web-apps/authentication-authorization) - and you get a fully functioning search UI, with facet filters and geovisualization. The [live demo](https://lively-sand-033e9ec03.azurestaticapps.net/) is pointed to [the official Azure Cognitive Search Sample Data - Repository](https://github.com/Azure-Samples/azure-search-sample-data) index, and you can start with the same. Feel free to use as a template for your own implementations. - -- **[Lively Sand demo](https://lively-sand-033e9ec03.azurestaticapps.net/)** -- **[Lively Sand repo](https://github.com/scale-tone/cognitive-search-static-web-apps-sample-ui)** -- **[Author: @tino_scale_tone](https://twitter.com/@tino_scale_tone)** - -> Stacks Used: `react, nodejs, azure static web apps, azure functions` diff --git a/docs/README.md b/docs/README.md deleted file mode 100644 index 8d76a39..0000000 --- a/docs/README.md +++ /dev/null @@ -1,19 +0,0 @@ -# π» | Projects (By Technology) - -Welcome to the Azure Static Web Apps Gallery - a showcase of awesome projects built by community, and deployed to the **[Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=staticwebapps-github-cxa)** service. Click on a technology name to visit the section showcasing its projects. - - * [Angular](#angular) - * [Docusaurus](#docusaurus) - * [Eleventy](#eleventy) - * [Gatsby](#gatsby) - * [Hugo](#hugo) - * [Mongoose](#mongoose) - * [React](#reactjs) - * [Stencil](#stencil) - * [Scully](#scully) - * [Svelte](#svelte) - * [Vanilla HTML/JS/CSS](#vanilla-html-javascript-css) - * [Vue.js](#vuejs) - * [VuePress](#vuepress) - -> Work in Progress \ No newline at end of file diff --git a/docs/media/11ty.png b/docs/media/11ty.png deleted file mode 100644 index a746b13..0000000 Binary files a/docs/media/11ty.png and /dev/null differ diff --git a/docs/media/angular-rock-paper-scissors.png b/docs/media/angular-rock-paper-scissors.png deleted file mode 100644 index 60be3ea..0000000 Binary files a/docs/media/angular-rock-paper-scissors.png and /dev/null differ diff --git a/docs/media/angular-search-experience.gif b/docs/media/angular-search-experience.gif deleted file mode 100644 index 869c720..0000000 Binary files a/docs/media/angular-search-experience.gif and /dev/null differ diff --git a/docs/media/angular-ssr.png b/docs/media/angular-ssr.png deleted file mode 100644 index a29068a..0000000 Binary files a/docs/media/angular-ssr.png and /dev/null differ diff --git a/docs/media/angular-swa-auth.gif b/docs/media/angular-swa-auth.gif deleted file mode 100644 index 4963ecb..0000000 Binary files a/docs/media/angular-swa-auth.gif and /dev/null differ diff --git a/docs/media/azure_vision.gif b/docs/media/azure_vision.gif deleted file mode 100644 index d708b30..0000000 Binary files a/docs/media/azure_vision.gif and /dev/null differ diff --git a/docs/media/catsify.png b/docs/media/catsify.png deleted file mode 100644 index 593fac9..0000000 Binary files a/docs/media/catsify.png and /dev/null differ diff --git a/docs/media/cognitive-search-demo.png b/docs/media/cognitive-search-demo.png deleted file mode 100644 index 2013b1d..0000000 Binary files a/docs/media/cognitive-search-demo.png and /dev/null differ diff --git a/docs/media/docusaurus-starter.PNG b/docs/media/docusaurus-starter.PNG deleted file mode 100644 index cedb6d2..0000000 Binary files a/docs/media/docusaurus-starter.PNG and /dev/null differ diff --git a/docs/media/gatsby_starter.png b/docs/media/gatsby_starter.png deleted file mode 100644 index 43a8d0f..0000000 Binary files a/docs/media/gatsby_starter.png and /dev/null differ diff --git a/docs/media/hexa.png b/docs/media/hexa.png deleted file mode 100644 index fa38a45..0000000 Binary files a/docs/media/hexa.png and /dev/null differ diff --git a/docs/media/mayadb.png b/docs/media/mayadb.png deleted file mode 100644 index 1eaf608..0000000 Binary files a/docs/media/mayadb.png and /dev/null differ diff --git a/docs/media/meme4fun.gif b/docs/media/meme4fun.gif deleted file mode 100644 index 8a2192f..0000000 Binary files a/docs/media/meme4fun.gif and /dev/null differ diff --git a/docs/media/mongoose-starter.png b/docs/media/mongoose-starter.png deleted file mode 100644 index 282ed98..0000000 Binary files a/docs/media/mongoose-starter.png and /dev/null differ diff --git a/docs/media/mongoose.png b/docs/media/mongoose.png deleted file mode 100644 index 307499f..0000000 Binary files a/docs/media/mongoose.png and /dev/null differ diff --git a/docs/media/ngvikings2020.png b/docs/media/ngvikings2020.png deleted file mode 100644 index 197de9c..0000000 Binary files a/docs/media/ngvikings2020.png and /dev/null differ diff --git a/docs/media/ngxtools.png b/docs/media/ngxtools.png deleted file mode 100644 index 142901d..0000000 Binary files a/docs/media/ngxtools.png and /dev/null differ diff --git a/docs/media/nitro.png b/docs/media/nitro.png deleted file mode 100644 index 24c3d2c..0000000 Binary files a/docs/media/nitro.png and /dev/null differ diff --git a/docs/media/nitrooo.png b/docs/media/nitrooo.png deleted file mode 100644 index 6eb8607..0000000 Binary files a/docs/media/nitrooo.png and /dev/null differ diff --git a/docs/media/peacock-icon.png b/docs/media/peacock-icon.png deleted file mode 100644 index 49fdc1c..0000000 Binary files a/docs/media/peacock-icon.png and /dev/null differ diff --git a/docs/media/posedance.png b/docs/media/posedance.png deleted file mode 100644 index b5f24ae..0000000 Binary files a/docs/media/posedance.png and /dev/null differ diff --git a/docs/media/positive-quote.png b/docs/media/positive-quote.png deleted file mode 100644 index 8d74fa8..0000000 Binary files a/docs/media/positive-quote.png and /dev/null differ diff --git a/docs/media/pwablog.png b/docs/media/pwablog.png deleted file mode 100644 index 5769fad..0000000 Binary files a/docs/media/pwablog.png and /dev/null differ diff --git a/docs/media/shop-at-home-svelte.png b/docs/media/shop-at-home-svelte.png deleted file mode 100644 index a8fcd2c..0000000 Binary files a/docs/media/shop-at-home-svelte.png and /dev/null differ diff --git a/docs/media/stencil.png b/docs/media/stencil.png deleted file mode 100644 index b68790e..0000000 Binary files a/docs/media/stencil.png and /dev/null differ diff --git a/docs/media/sunrise-standup.png b/docs/media/sunrise-standup.png deleted file mode 100644 index ffac9f4..0000000 Binary files a/docs/media/sunrise-standup.png and /dev/null differ diff --git a/docs/media/vscodecandothat.png b/docs/media/vscodecandothat.png deleted file mode 100644 index 25c8602..0000000 Binary files a/docs/media/vscodecandothat.png and /dev/null differ diff --git a/docs/media/xlayers-1.png b/docs/media/xlayers-1.png deleted file mode 100644 index 247ebcc..0000000 Binary files a/docs/media/xlayers-1.png and /dev/null differ diff --git a/docs/media/xlayers-2.png b/docs/media/xlayers-2.png deleted file mode 100644 index 353377d..0000000 Binary files a/docs/media/xlayers-2.png and /dev/null differ diff --git a/docs/www/.gitignore b/docs/www/.gitignore deleted file mode 100644 index b2d6de3..0000000 --- a/docs/www/.gitignore +++ /dev/null @@ -1,20 +0,0 @@ -# Dependencies -/node_modules - -# Production -/build - -# Generated files -.docusaurus -.cache-loader - -# Misc -.DS_Store -.env.local -.env.development.local -.env.test.local -.env.production.local - -npm-debug.log* -yarn-debug.log* -yarn-error.log* diff --git a/docs/www/README.md b/docs/www/README.md deleted file mode 100644 index 9a4ee34..0000000 --- a/docs/www/README.md +++ /dev/null @@ -1,54 +0,0 @@ -# Build & Deploy This Site - -This website was built using [Docusaurus 2](https://docusaurus.io/) using their default `classic` theme. It will primarily host a [Showcase](https://docusaurus.io/showcase)-like page to display screenshots of submitted projects with ability to filter by technology-specific tags. - ---- - -## 0. Updating Content for Existing Site - -Want to update the existing site to add new content (logos, screenshots, cards etc.)? Here are the key files to know. - -| Filename | Description | -|:--- |:--- | -| [`static/img/logo-XXX.svg`](./static/img/) | Add valid logo images for frameworks used on landing page here. Ideally in SVG format. | -| [`src/components/HomepageFeatures/index.js`](./src/components/HomepageFeatures/index.js) | Update this file when adding content to landing page (e.g., new front-end framework logos)| -| [`src/data/showcase/`](./src/data/showcase/) | Folder containing (user-uploaded) screenshots for showcase cards. | -| `src/data/showcase/tags.tsx` | File containing tags (and definitions) valid for filtering showcase. Admin-maintained but could be user-contributed later? | -| `src/data/showcase/users.tsx` | File containing user-contributed project metadata. Maintain in alphabetical order, ensure valid tags & screenshot are provided. | -| | | - -Want to know how the site is configured, built and deployed? Read on. - -{siteConfig.tagline}
-{user.description}
-{DESCRIPTION}
- -