More Premium Hugo Themes Premium Nuxt Themes

PersonalWebsite

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

PersonalWebsite

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

Author Avatar Theme by mehmetalikocal
Github Stars Github Stars: 6
Last Commit Last Commit: Aug 2, 2025 -
First Commit Created: Jun 19, 2023 -
PersonalWebsite screenshot

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.