My nuxt personal website

Read More

Built with

• TypeScript
• Vue.js v3
• Nuxt 3
• tailwindcss
• docker
• Libraries:
  • vue-chart-3
  • remarkable
  • highlight.js
  • dracula theme
  • jstoxml
  • nanoid

Env variables

Declare these variables in the .env file

# the port the server should run on
SERVER_PORT

# the admin username for the site
JP_USERNAME

# the admin password for the site
JP_PASSWORD

# your GitHub username
GH_USERNAME

Requirements

• docker

Setting up

From docker-hub

docker-compose.yml

version: "3.8"

services:
    server:
        image: tch1b0/jp-nuxt:latest
        environment:
            - JP_USERNAME=<YOUR USERNAME>
            - JP_PASSWORD=<YOUR PASSWORD>
            - GH_USERNAME=<YOUR GITHUB USERNAME>
        ports:
            - "<YOUR PORT>:3000"

        # optionally:
        volumes:
            - "./data:/app/data"

data/about.md

Inside [this file](data/about.md),
you can _tell_ something
about **yourself**

$ docker-compose up -d

From source

$ git clone https://github.com/Tch1b0/JP-nuxt

$ cd ./JP-nuxt

$ touch ./.env

Now add your environmental variables in the .env file. After that, create a about.md file inside the data directory.

$ docker-compose build

$ docker-compose up -d