vue-project

Vue + Vite application using Server Side Rendering (SSR)

Start the project

Env

You need to create a .env file to set the environment variables with the following content:

PORT=3000
API_URL=https://example.com

development mode

yarn dev

production mod

yarn build:server
yarn build:client
yarn start

docker

Files are contains in ./config/docker

The environment variables are directly set inside the docker-compose.{prod | dev}.yml file

make # start the container for Unix systems
make stop # stop the container for Unix systems

docker-compose -f ./config/docker/docker-compose.dev.yml up --build # start dev
docker-compose -f ./config/docker/docker-compose.prod.yml up --build # start prod

Test the project

Unit test

yarn test:unit

En-to-End test

yarn test:e2e

Features

If you go to ./src/client/components/themeSwitch you can find the toggle swtch from this tiktok