7d5bb2ab3c
|
||
|---|---|---|
| .gitignore | ||
| CODE_OF_CONDUCT.md | ||
| LICENSE | ||
| README.md | ||
| SECURITY.md | ||
README.md
Static Web Apps Code Samples
A collection of code samples in JavaScript/Node.js for the Static Web Apps using different frameworks.
Contents
- Angular Projects
- Gatsby Projects
- Hexo Projects
- HTML Projects
- Hugo Projects
- Jekyll Projects
- Metalsmith Projects
- Next.js Projects
- Next.js Projects
- Node.js Projects
- Nuxt.js Projects
- React.js Projects
- Svelte 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
HTML Projects
Here you will find a list of several HTML projects that use Static Web Apps.
HTML Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
html, nodejs, azure static apps
HTML Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
html, 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
Vue.js Projects
Here you will find a list of several Vue.js projects that use Static Web Apps.
Vue.js App: PoseDance, a TikTok Trainer
Using PoseNet, 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.
Link to the project: HERE GitHub repo: HERE
Vue.js Todo App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
vuejs, azure static apps
Vue.js Weather App
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
vuejs, azure static apps
VuePress Projects
Here you will find a list of several VuePress projects that use Static Web Apps.
VuePress Website
a little descriptions about the project.
Link to the project: HERE
Stacks Used:
vuepress, azure static apps
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.