Opinionated Nuxt Starter

Hey there!

For the last few weeks, I have been participating in several interview process to get a new job and this resulted in doing several task assignements where I needed to build Vue/Nuxt application that was supposed to match certain criteria.


This content originally appeared on DEV Community and was authored by Jakub Andrzejewski

Hey there!

For the last few weeks, I have been participating in several interview process to get a new job and this resulted in doing several task assignements where I needed to build Vue/Nuxt application that was supposed to match certain criteria.

As I already have few good patterns and principles I like to implement in all my recent projects, I was doing repetitive work all the time copying the same concepts to a new project. And that is why I decided to create a small Nuxt Opinionated Starter where I have included all my repetetive work nicely grouped inside an easy to copy GitHub template.

If you would like to see the starter instantly, here is the link

Enjoy!

🟢 Opinionated Nuxt Starter

The main features of this starter are:

  • Testing with Unit & E2E Setup
  • Static code improvements with Linter/Prettier/Editorconfig
  • Dockerfile for containerization
  • Lighthouse CI for continous Software Quality audits (Performance, SEO, A11Y, Best Practices)
  • Useful modules like Image, TailwindCSS, Security
  • GitHub Actions Continous Integration script

By using it, you should have your project ready for deployment (Dockerfile), assuring great Software Quality (Testing, Lighthouse CI, GitHub Actions), secure (Nuxt Security), performant (Nuxt Image), and styled properly with TailwindCSS and Linters.

Definitely, this is not a ground breaking project that will revolutionize the web - more a starter that could help you start your new Nuxt projects faster with few recommendations from my side ;)

It aint much meme

You can see the starter here.

📖 Learn more

If you would like to learn more about Vue, Nuxt, JavaScript or other useful technologies, checkout VueSchool by clicking this link or by clicking the image below:

Vue School Link

It covers most important concepts while building modern Vue or Nuxt applications that can help you in your daily work or side projects 😉

✅ Summary

Well done! You have just learned how to build a recursive Vue component.

Take care and see you next time!

And happy coding as always 🖥️


This content originally appeared on DEV Community and was authored by Jakub Andrzejewski


Print Share Comment Cite Upload Translate Updates
APA

Jakub Andrzejewski | Sciencx (2024-10-28T07:19:32+00:00) Opinionated Nuxt Starter. Retrieved from https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/

MLA
" » Opinionated Nuxt Starter." Jakub Andrzejewski | Sciencx - Monday October 28, 2024, https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/
HARVARD
Jakub Andrzejewski | Sciencx Monday October 28, 2024 » Opinionated Nuxt Starter., viewed ,<https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/>
VANCOUVER
Jakub Andrzejewski | Sciencx - » Opinionated Nuxt Starter. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/
CHICAGO
" » Opinionated Nuxt Starter." Jakub Andrzejewski | Sciencx - Accessed . https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/
IEEE
" » Opinionated Nuxt Starter." Jakub Andrzejewski | Sciencx [Online]. Available: https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/. [Accessed: ]
rf:citation
» Opinionated Nuxt Starter | Jakub Andrzejewski | Sciencx | https://www.scien.cx/2024/10/28/opinionated-nuxt-starter/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.