Last week I tried my best in my first recorded live coding session on my YouTube channel. In it, I have built a very simple website that is powered by Rick and Morty API (the GraphQL one).

I really enjoyed the experience of building such app live and will definitely do more of this!

Description

In this crash course I have used Nuxt 3, Nuxt Apollo, Nuxt Tailwind and Nuxt Image modules. They all deliver a great Developer Experience by being very simple to configure. By default, Nuxt Tailwind does not require any configuration what so ever. Similarly to Nuxt Image (the only configuration that was needed was used because I needed to add domains in order to process and optimize images from another domain). If you like such easy to use modules for Nuxt 3, I can highly recommend you to try out the Nuxt Content as well :)

Enjoy!

Links

Github repository -> https://github.com/Baroshem/nuxt-apollo-tailwind

Deployed app -> http://nuxt-apollo-tailwind.vercel.app/

Rick and Morty API -> https://rickandmortyapi.com/

Nuxt 3 Docs -> https://v3.nuxtjs.org/

Nuxt Image -> https://v1.image.nuxtjs.org/

Nuxt Apollo -> https://apollo.nuxtjs.org/

Nuxt Tailwind -> https://tailwindcss.nuxtjs.org/

Summary

Let me know what other technologies you would like me to try next so that I can make a video and build some funny app out of it ;)