hashtag Svelte Themes

Hashtag

The same one-page site, same everything. Just implementation of frameworks.

Hashtag - Implementation of frameworks

Right, so.. let's get to the point.

I created this repo (initially, a separate one just on my local computer) just to learn Svelte. By copying all the stuff I did with Nuxt and changing some stuff along the way to make it work. But, it turns out, I think it's a pretty good comparison on basic things you can do with any other framework. You can see the actual app (with the proper hashtags) here

But, now it seems like the mini version of Realworld's front end, but it's just a single page app of random hashtag generation. Other than that, one interesting thing we can take from this is the build time comparison on Github Actions, as it would be the most realistic one, it's running on the cloud.

  • React is React javascript library.
  • Vue is literally Vue. What do you expect?
  • Svelte is cybernetically enhanced web app.
  • Solid is pure fast reactive library (having React-like syntax)
  • Nuxt is a SSR/SSG Vue-based framework
  • Routify is a SSR/SSG Svelte-based framework

The stack:

  • The framework
  • WindiCSS - CSS Utility Library
  • Yarn

Setup Guide

All frameworks (should) have the same commands, so everything would be easy.

# install dependency
yarn

# run local dev server
yarn dev

# run eslint (with xo-config-space) if you want
yarn lint

# build into static site
yarn build

Contribution

If you find any bugs, feel free to open up an issue. If you can make the bug dissapear, please submit a PR! Because that will be fun!

Also, I'm kinda interested on having a other framework implementation of this one.

Top categories

Loading Svelte Themes