This project is a Nuxt.js application with a focus on Vue 3, Vite, and Cypress for testing. The project structure is organized to facilitate the development of a modern web application with best practices in mind.
.
├── Dockerfile
├── README.md
├── app.vue
├── assets
│ └── css
├── components
│ └── atoms
├── cypress
│ ├── downloads
│ ├── fixtures
│ └── support
├── cypress.config.ts
├── nuxt.config.ts
├── package.json
├── pages
│ └── index.vue
├── pnpm-lock.yaml
├── postcss.config.js
├── public
│ └── favicon.ico
├── store
│ └── index.ts
├── tailwind.config.js
├── tsconfig.json
├── vite.config.ts
└── vitest.config.js
>=18.0.0
installed.pnpm install
to install the dependencies.package.json
to run, build, and test the application.build
: Build the Nuxt application for production.dev
: Start the Nuxt development server.generate
: Generate a static version of the Nuxt application.preview
: Preview the generated static site.storybook
: Start the Storybook development server.build:storybook
: Build the Storybook for production.lint:js
: Lint the source code using ESLint.test:ui
: Run the Vite test UI.test
: Run the Vite tests.coverage
: Generate test coverage using Vite.cypress
: Open the Cypress test runner.To run a Docker container
Build the Docker Image:
docker build -t my-nuxt-app .
Run the Docker Container:
docker run -p 3000:3000 my-nuxt-app
After running the above commands, you should be able to access your Nuxt app in your browser by navigating to http://localhost:3000
.
The main configuration for the Nuxt application can be found in nuxt.config.ts
. This configuration includes:
This project uses a range of dependencies to enhance the development experience and provide functionality:
For a full list of dependencies and their versions, refer to the package.json
file.
If you'd like to contribute to this project, please ensure you follow the coding standards and guidelines. Before submitting a pull request, ensure all tests pass and the code is linted.
Happy coding! 🚀