Run the development server:
npm run devWe use shadcn-ui for the UI components. You can find the existing components under the components/ui directory.
For examples and usage, refer to the official shadcn documentation. To add a new component, run the following command:
npx shadcn add <component-name>. This will generate the necessary files and include them in the components/ui directory. Make sure to
update any relevant styles or configurations as needed.
After adding a new component, you will likely need to fix the code style to adhere to our formatting standards. Additionally, ensure the cn import is correctly handled, as it may need to be adjusted.
This project uses Docker Hub Automated Builds for continuous deployment:
- Code Push: When code is pushed to the GitHub repository, Docker Hub automatically detects the changes
- Automatic Build: Docker Hub executes the
hooks/buildscript to build the Docker image - Environment Selection: The build script automatically selects production or development environment variables based on the git branch:
mainbranch → Production environment variables (latesttag)devbranch → Development environment variables (latest-testtag)
- Image Tagging: The built image is tagged with the git commit hash and branch-specific tags:
main→seebruecke/bside-website:a1b2c3d+seebruecke/bside-website:latestdev→seebruecke/bside-website:b2c3d4e+seebruecke/bside-website:latest-test
- Registry Push: The image is automatically pushed to Docker Hub