Victoria Solutions

A modern, professional website for Victoria Solutions - a financial software and consulting company.

Technology Stack

• Vue 3 - Progressive JavaScript framework
• TypeScript - Type-safe development
• Vite - Fast build tool and dev server
• Vue Router - Client-side routing

Project Structure

victoria-solutions.com/
├── src/
│   ├── assets/          # Global styles
│   ├── components/      # Reusable Vue components
│   ├── content/         # Editable page content (TS files)
│   ├── router/          # Vue Router configuration
│   ├── views/           # Page components
│   ├── App.vue          # Root component
│   └── main.ts          # Application entry point
├── assets/              # Static assets (logos, images)
├── index.html           # HTML entry point
└── vite.config.ts       # Vite configuration

Getting Started

Prerequisites

• Node.js 18+ and npm

Installation

npm install

Development

Start the development server:

npm run dev

The site will be available at http://localhost:5173

Building for Production

Build the static site:

npm run build

The production files will be in the dist/ directory, ready to deploy to any static hosting service (AWS S3, Azure Storage, Google Cloud Storage, Netlify, Vercel, etc.).

Preview Production Build

npm run preview

Editing Content

All page content is stored in TypeScript files in src/content/. This makes content easy to edit while maintaining type safety:

• src/content/home.ts - Homepage content
• src/content/services.ts - Services page content
• src/content/about.ts - About page content
• src/content/contact.ts - Contact page content

Simply edit these files and the changes will appear on the site.

Deployment

AWS S3 + CloudFront

1. Build the project: npm run build
2. Upload the dist/ folder contents to an S3 bucket
3. Configure S3 for static website hosting
4. Set up CloudFront distribution pointing to the S3 bucket
5. Configure error pages to redirect to index.html for SPA routing

Azure Blob Storage

1. Build the project: npm run build
2. Upload the dist/ folder to Azure Blob Storage
3. Enable static website hosting
4. Configure index document as index.html
5. Set up Azure CDN if needed

Google Cloud Storage

1. Build the project: npm run build
2. Upload the dist/ folder to a GCS bucket
3. Configure bucket for website hosting
4. Set index.html as the main page

Code Formatting

This project uses Prettier for code formatting. Run:

npm run format

License

Copyright © 2026 Victoria Solutions. All rights reserved.