DEV Community

loading...

Building with Vue 3 with tailwindcss

Suulola Oluwaseyi
A Java?Script Developer
・1 min read

This tutorial will be building a full project using Vue 3 and combining it with the magic of Tailwindcss to produce a responsive multipage website

Below is the landing page of the webpage that will be built

Vue 3 Webpage

Some of the concepts that will be learnt in the process include

  • Setting up a Vue project with tailwindcss
  • State management with vuex
  • Routing, Composition API in Vue 3
  • Creating reusable components
  • Persisting state in Vue application
  • Interacting with APIs

It promises to be an interesting an exciting journey.

The codebase can be accessed on GitHub Here. Give it a star if you find it helpful and your pull requests are definitely welcomed.

The choice of tailwind is become of the flexibility the utility library gives - especially for responsiveness and dark/light mode which is something we will implement across the application.

You can check the final product here as hosted on Netlify.

Drop your comment in the comment box and I hope you are as excited as I am to embark on this quest.

Your questions and comments are welcomed in the comment section.

Cheers

Discussion (0)