othyn.com

Modernised codebase for my website, replacing the old Laravel app. As my design methodology has changed towards containerised microservices living within K8's, the original Laravel repo was monolithic, hard to containerise and maintain. Thus, the extraction of the original semi-static web content with mild VueJS elements that lead itself perfectly to a small NuxtJS site bundled into an equally small container.

Can be found at:

• othyn.com
• ben.tindall.rocks (and subsequently tindall.rocks)
• bentindall.uk

---

Development

When developing the site, use the following to get setup and running with a hot reload local environment:

# Install dependencies
$ yarn install

# Serve with hot reload at localhost:3000
$ yarn dev

# Ensure the code is linted
$ yarn lint

For detailed explanation on how things work, check out the documentation. Thought this sentence was best kept in!

---

Building the production app image

The CD GitHub Action should auto build and tag an image for you based on when a new tag is created/pushed, so you shouldn't need to build the image manually or push it. This will then become available as part of GitHub's packages feature. Just create a tag via a new GitHub release or push a local tag, and it should do the rest.

However, if you do wish to do it, go ahead and run a normal Docker Compose build:

# Ensure the code is linted
$ yarn lint

# Production container build
$ docker compose build

# ...or if you're having problems...
$ docker compose build --no-cache

Then push it to a remote container registry of your choice. There should be no requirement to develop from the app container itself, however if you wish to, knock yourself out! You can navigate to http://localhost:8888 to view the container once up'd, or which ever port you defined in ./docker-compose.yml against the com.othyn.app service.

For manually building a static Nuxt output, here is a handy list of commands;

# Start the development server (static aware)
$ yarn dev

# Bundle your Nuxt application for production if needed (static aware) and export your application to static HTML in `dist/` directory
$ yarn generate

# Serve your production application from `dist/`
$ yarn start

---

Todo

Roadmap for things I would like to change over time.

Additions

• Add a new area for blog entries to talk about passion projects and share knowledge, as I've been told I'm really good at distilling complex topics and making them easily digestable and bridging the communication gap into non-technical and leadership roles.
• Add a new area for a photography portfolio as I really would like to share a few images with the world.

Changes

• Change history | grep me into tabbed sections going over my key interest pillars; career, hardware, networking, cars, photography.