PersonalWebsite screenshot

PersonalWebsite

Author Avatar Theme by Mehmetalikocal
Updated: 2 Aug 2025
6 Stars

A simple website where you can share your projects and activities.

Categories

Overview:

This article is about a multilingual personal website with a progressive web app that allows users to share their projects and latest activities. The website is built using Nuxt 3 & WindiCSS.

Features:

  • Multilingual personal website
  • Progressive web app functionality
  • Allows users to share projects and activities

Installation:

To install the theme, follow these steps:

  1. Clone the repository
  2. Install the dependencies
  3. Create environment variables

To create the environment variables, create a .env file in the root directory of the project (where app.vue is located) and add the necessary variables. The variables include:

  • Steam Web API key
  • SteamID64 (DEC)
  • LastFM API key

Once the .env file is set up, the project can be run using the development server on http://localhost:3000. For production build, the application needs to be built and locally previewed. Deployment instructions can be found in the Nuxt deployment documentation.

Summary:

This article provides a guide on how to install and set up a multilingual personal website with a progressive web app using Nuxt 3 & WindiCSS. It includes instructions on cloning the repository, installing dependencies, and creating environment variables. The article also mentions the option for building the application for production and provides a link to the Nuxt deployment documentation for further deployment instructions.