hello-worlds
May 1, 2026 ยท View on GitHub
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!