Exploring Nuxt 3, Tailwind, PrimeVue, and AgGrid

Diving into the world of Nuxt 3, Tailwind, PrimeVue, and AgGrid, I took on the challenge of building a Rick and Morty app. Along the way, I documented my thoughts to share the experience.

You can find detailed notes about the project on this Notion page.

The completed project is deployed and accessible on GitHub Pages.

Media

TL;DR

After experimenting with this stack, I've found it a great fit for projects that capitalize on Nuxt's advantages, have a team proficient in Tailwind and PrimeVue, and entail managing substantial data on the front end. It's important to consider tradeoffs for each scenario carefully, but overall, this combination proves ideal for projects with these specific requirements.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev