Běstvina Website

Repository containing source code of official website for summer camp Běstvina.

Website will be available at bestvina.cz.

Tech Stack

Client: Nuxt v4, TailwindCSS

• modules:
  • NuxtUI Pro Library [@nuxt/ui-pro]
  • Nuxt Content [@nuxt/content] for generating some pages
  • Nuxt Image [@nuxt/image] for image optimization
  • ESLint [@nuxt/eslint] for linting

Server: Bun, Nitro

Installation

1. Prerequisites

The repository is configured to be used in either JetBrains WebStorm or Visual Studio Code.

winget install -e --id Microsoft.VisualStudioCode

Make sure you have installed Bun, or any other runtime and package manager of choice.

powershell -c "irm bun.sh/install.ps1 | iex"

2. Repository

Clone the repository:

git clone git@github.com:FelyCZ/bestvina-web.git
cd bestvina-web

3. Dependencies

Make sure to install dependencies:

bun install

4. Development server

Start the development server on http://localhost:3000:

bun run dev

# if you want to open a new tab automatically, include -o parameter
bun run dev -o

5. Linting

To find any problems use:

bun run lint

To automatically fix problems run:

bun run lint:fix

6. Production build

Build the application for production:

bun run build

If you want to preview the production build:

bun run preivew

Documentation

Add a new year

Change CURRENT_YEAR constant in shared/constants.ts:

export const CURRENT_YEAR = <new year value>;

Create a new file content/rocniky/<new year>.yml:

seo:
  title: Ročník <new year value>
  description: Historie Běstviny z roku <new year value>
  meta: 
  link:
title: <new year value>
description: Historie Běstviny z roku <new year value>
year: <new year value>
coverImg: /imgs/rocniky/<new year value>/cover.jpg
theme:

Replace all <new year value> with the year. Keep the theme empty since the camp is not year over.

Select one nice-looking photo from the current year and upload it to folder public/imgs/rocniky/<current year value>/ named as cover.jpg.

Update current year's content file content/rocniky/<current year>.yml by adding a theme variable:

(...)
theme: <current year's theme>

Authors

• Jakub Ferenčík (@FelyCZ)

Credits

• Michal H. Kolář - for previous website source code