https://github.com/aldy505/hashtag

The same one-page site, same everything. Just implementation of frameworks.
https://github.com/aldy505/hashtag

frameworks javascript nuxt routify svelte vite vue

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/aldy505/hashtag
• Owner: aldy505
• License: gpl-3.0
• Created: 2021-06-12T16:40:51.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-07-10T19:01:38.000Z (over 3 years ago)
• Last Synced: 2024-10-12T16:15:05.823Z (2 months ago)
• Topics: frameworks, javascript, nuxt, routify, svelte, vite, vue
• Language: JavaScript
• Homepage:
• Size: 682 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://hashtag.reinaldyrafli.com/)

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](https://reactjs.org/) is React javascript library.

* [Vue](https://v3.vuejs.org/) is literally Vue. What do you expect?

* [Svelte](https://svelte.dev/) is cybernetically enhanced web app.

* [Solid](https://www.solidjs.com/) is pure fast reactive library (having React-like syntax)

* [Nuxt](https://nuxtjs.org/) is a SSR/SSG Vue-based framework

* [Routify](https://routify.dev/) is a SSR/SSG Svelte-based framework

The stack:

* The framework

* [WindiCSS](http://windicss.org/) - CSS Utility Library

* Yarn

## Setup Guide

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

```bash

# 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.