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 install
andnpm 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 |
Backbone.js | / |
backbone | |
Elm | npm run build |
public |
elm |
Ember | npm run build |
dist |
ember |
Eleventy | npm run build |
_site |
eleventy |
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 |
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 |
- 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
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!