nuxt-heroes

This is a simple web application built with Nuxt. It lists hero and villain characters from various comics, movies, etc. and shows their details.
Live demo is here.

💻 Tech Stack

• Language: TypeScript
• Framework: Nuxt
• API: superhero-api
• Styling: Tailwind CSS
• Icons: Nuxt Icon
• Linting: ESLint
• Code Formatting: Prettier
• Deployment: GitHub Pages (w/ GitHub Actions)

⌨️ Development

To start development, we should install our packages first.

pnpm install

After the installation is completed, we can run the app by:

pnpm dev

and it will start on http://localhost:3000.

🚀 Build

To create a production build, we need to run the below command first:

pnpm generate

This command will create our static files in dist folder to serve.
After this step, we can run the app in production mode by:

pnpm start