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.
- Language: TypeScript
- Framework: Nuxt
- API: superhero-api
- Styling: Tailwind CSS
- Icons: Nuxt Icon
- Linting: ESLint
- Code Formatting: Prettier
- Deployment: GitHub Pages (w/ GitHub Actions)
To start development, we should install our packages first.
npm install
After the installation is completed, we can run the app by:
npm run dev
and it will start on http://localhost:3000
.
To create a production build, we need to run the below command first:
npm run 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:
npm start