6cf5cd2678
|
||
|---|---|---|
| media | ||
| .gitignore | ||
| CODE_OF_CONDUCT.md | ||
| LICENSE | ||
| README.md | ||
| SECURITY.md | ||
README.md
Azure Static Web Apps Gallery Sample Projects
A gallery of sample projects in JavaScript/Node.js and frameworks/Jamstack site generators deployed in Azure Static Web Apps.
Projects π»
- Angular Projects
- Gatsby Projects
- Hexo Projects
- Hugo Projects
- Jekyll Projects
- Metalsmith Projects
- Next.js Projects
- Next.js Projects
- Node.js Projects
- Nuxt.js Projects
- React.js Projects
- Svelte Projects
- Vanilla HTML/JavaScript Projects
- Vue.js Projects
- VuePress Projects
Angular Projects
Here you will find a list of several Angular projects that use Static Web Apps.
Angular Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
angular, nodejs, azure static apps
Angular Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
angular, nodejs, azure static apps
Gatsby Projects
Here you will find a list of several Gatsby projects that use Static Web Apps.
Gatsby Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
gatsby, nodejs, azure static apps
Gatsby Portfolio Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
gatsby, nodejs, azure static apps
Hexo Projects
Here you will find a list of several Hexo projects that use Static Web Apps.
Hexo Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
hexo, nodejs, azure static apps
Hexo Portfolio Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
hexo, nodejs, azure static apps
Hugo Projects
Here you will find a list of several Hugo projects that use Static Web Apps.
Hugo Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
hugo, nodejs, azure static apps
Hugo Portfolio Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
hugo, nodejs, azure static apps
Jekyll Projects
Here you will find a list of several Jekyll projects that use Static Web Apps.
Jekyll Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
jekyll, ruby, azure static apps
Jekyll Portfolio Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
jekyll, ruby, azure static apps
Metalsmith Projects
Here you will find a list of several Metalsmith projects that use Static Web Apps.
Metalsmith Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
metalsmith, azure static apps
Metalsmith Portfolio Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
metalsmith, azure static apps
Next.js Projects
Here you will find a list of several Next.js projects that use Static Web Apps.
Next.js Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
nextjs, azure static apps
Next.js Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
nextjs, azure static apps
Node.js Projects
Here you will find a list of several Node.js projects that use Static Web Apps.
Node.js Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
nodejs, azure static apps
Node.js Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
nodejs, azure static apps
Nuxt.js Projects
Here you will find a list of several Nuxt.js projects that use Static Web Apps.
Nuxt.js Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
nuxtjs, azure static apps
Nuxt.js Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
nuxtjs, azure static apps
React.js Projects
Here you will find a list of several React.js projects that use Static Web Apps.
React.js Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
reactjs, azure static apps
React.js Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
reactjs, azure static apps
Svelte Projects
Here you will find a list of several Svelte projects that use Static Web Apps.
Svelte Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
svelte, azure static apps
Svelte Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
svelte, azure static apps
Vanilla HTML/JavaScript Projects
Here you will find a list of several vanilla HTML/JavaScript projects that use Static Web Apps.
Azure SWAG Demo: A Positive Thought For Your Day
This is a simple barebone demo for Azure SWAG (Static Web Apps on GitHub). You can use it as a template for your own apps.
Stacks Used:
html, javascript, nodejs, azure static apps
Vue.js Projects
Here you will find a list of several Vue.js projects that use Static Web Apps.
PoseDance: A TikTok Trainer App
Using PoseDance, a Machine-Learning library that can discern body positions, this app allows you to perfect your dance moves via your webcam. Match your dance, get a high score! Also features PlayFab and Azure Functions for the backend service.
Stacks Used:
vuejs, azure static apps, machine learning, nodejs, javascript, azure functions
VuePress Projects
Here you will find a list of several VuePress projects that use Static Web Apps.
Peacock for Visual Studio Code Documentation
Subtly change the color of your Visual Studio Code workspace. 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.
Stacks Used:
vuepress, azure static web apps, nodejs
VuePress Portfolio Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
vuepress, azure static apps
Contributing
This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.
When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.