search

fastapi / full-stack-fastapi-template

Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more.
MIT License
26.52k stars 4.65k forks source link

Nuxt.js frontend drop-in replacement for Vue.js #357

Open turukawa opened 3 years ago

turukawa commented 3 years ago

The existing Docker image is about a year old, and many of the frontend Vue.js dependencies are obsolete.

I rebuilt the entire frontend for Nuxt.js (which is to Vue what Next is to React) as well as replacing Vuetify with Tailwind.

Not sure if this is of interest to anyone, but here you go: Nuxt-for-FastAPI.

PhE commented 3 years ago

+1 for the nuxt integration !

Not convinced about tailwind. What are the benefits over vuetify ?

turukawa commented 3 years ago

@PhE Mostly because I wanted to try it, and I don't like my apps looking like they were developed by Google in what is coming to look a very dated design ;p

I'm new to Tailwind, but I like the clean way it supports responsiveness, and that everything starts as mobile by default. It is very verbose at first, but quickly becomes easy to understand and read. And it permits limitless design customisation.

Plus, Vuetify is more than a CSS framework. It comes with a whole bunch of very opinionated ways of doing things, and those are heavy to have to carry around or modify if your requirements differ. My one experience was file uploads and drag 'n drop, which I didn't enjoy faffing with Vuetify on.

However, choice of framework is personal, so YMMV.

vvnsrzn commented 3 years ago

Thank you!

calvez commented 2 years ago

yes tailwind is just awesome. After you tried no turning back to bootstrap :D