Hello Worlds
Hello world apps for angular, react, svelte, and vue
hello-worlds
Hello World apps for JavaScript/HTML/CSS libraries/frameworks!
Assumptions:
- only the most simple basic hello world app
- remove all tests and commands for tests and dependencies for tests
- must say "Hello World" on the main component
- only include the minimal components (1 ideally)
- no routing, not extras whatsoever
- no styling
- nothing else !
- must work by running
npm installandnpm start(or equivalent) - must be in the folder named
<tech-name> - add yourself using the all-contributors bot
@allcontributors please add @<your-github-account> for code - add build steps and which folder to serve in the README.md
- verify that the app once built can be served from whatever folder the built assets are placed in
- verify that running
npx http-server <your-folder-to-serve>works - verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.
See existing samples for the idea ...
Projects are listed alphabetically.
| Project | Build steps | Serve this folder | Folder |
|---|---|---|---|
| Alpine.js | / |
alpine | |
| Angular.js | / |
angularjs | |
| Angular | npm run build -- --prod |
dist/hello |
angular |
| Angular Universal | npm run prerender |
dist/hello/browser |
angular-universal |
| Aurelia | npm run build |
dist |
aurelia |
| Babylon.js | / |
babylonjs | |
| Backbone.js | / |
backbone | |
| Blazor | Install .NET SDK then dotnet build |
/ |
blazor |
| Elm | npm run build |
public |
elm |
| Ember | npm run build |
dist |
ember |
| Flutter | Install Flutter SDK then flutter build web |
build/web |
flutter |
| Gatsby | npm run build |
public |
gatsby |
| Glimmer | npm run build |
dist |
glimmer |
| Gridsome | npm run build |
dist |
gridsome |
| HTML | / |
html | |
| Hugo | npm run build |
public |
hugo |
| Hyperapp | (uses CDN) | / |
hyperapp |
| Ionic Angular | npm run build -- --prod |
www |
ionic-angular |
| Ionic React | npm run build |
build |
ionic-react |
| JavaScript | / |
javascript | |
| jQuery | (uses CDN) | / |
jquery |
| KnockoutJS | npm run build |
dist |
knockoutjs |
| LitElement | npm run build |
dist |
lit-element |
| Marko | npm run build |
public |
marko |
| Meteor | npm run build |
bundle |
meteor |
| Mithril | npm run build |
dist |
mithril |
| Next.js | npm run build |
out |
nextjs |
| Nuxt.js | npm run generate |
dist |
nuxtjs |
| Polymer | npm run build |
build/default |
polymer |
| Preact | npm run build |
build |
preact |
| React | npm run build |
build |
react |
| Riot | npm run build |
dist |
riot |
| Scully | npm run build -- --prod |
dist/hello |
scully |
| Stencil | npm run build |
www |
stencil |
| Svelte | npm run build |
public |
svelte |
| Three.js | / |
threejs | |
| TypeScript | npm run build |
dist |
typescript |
| Vue | npm run build |
dist |
vue |
| VuePress | npm run build |
dist |
vuepress |
Resources
Azure Static Web Apps
- Learn how to Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps
- API support in Azure Static Web Apps
- Add an API to Azure Static Web Apps
- Authentication and authorization
- Routes
- Review pre-production environments
Contributors ✨
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
