programmier.bar website

Source code of: https://www.programmier.bar/

Structure

• /nuxt-app: Nuxt.js frontend application (website)
• /directus-cms: Directus headless CMS extensions
• /shared-code: Shared code between the two

Setup

These install instructions assume you are using Node.js version 20 or 22 (CI uses v22).

Nuxt-App (Website)

All commands should be run from within ./nuxt-app/

• To install the dependencies run npm install, this will also trigger the postinstall hook and run nuxt prepare for you.
• Spin up a hot-reloading development server by running npm run dev and open the URL shown in your console output.

Directus

By default, the nuxt-app will query our production instance of directus to fetch podcast data and website content. That is fine for all development purposes where you only need to work on the nuxt-app.

If you need a development instance of directus however, please follow the below steps:

All commands should be run from within ./directus-cms/

1. Copy .env.example to .env
2. Install dependencies: npm install
3. Build the extensions: cd extensions/directus-extension-programmierbar-bundle && npm install && npm run build && cd ../..
4. Bootstrap Directus: npm run bootstrap
5. Apply the schema: npm run apply-schema (confirm with 'y')
6. Set up local dev environment: npm run setup-local
7. Start the server: npm run start

You can find the default login credentials in the .env file (admin@programmier.bar / 123456).

Quick setup for local development:

After the initial setup, running npm run setup-local will configure public permissions and populate sample data so the Nuxt website renders properly with the local Directus instance.

To use the local Directus with Nuxt, create nuxt-app/.env with:

DIRECTUS_CMS_URL=http://localhost:8055

Extensions

All extensions that are plain JavaScript and do not require a build process are located in directus-cms/extensions. They will automatically be loaded at runtime.

Extensions that do require a build process are located in directus-cms/extensions/directus-extension-programmierbar-bundle. Build with: npm install && npm run build

Feedback

We welcome any form of feedback! If you are interested, you can also create a pull request directly.