Sylphx Website

This is the official website for Sylphx Limited, built with Nuxt 3 and styled with UnoCSS.

Features

• Nuxt 3: Leveraging the power of Vue 3 and Vite for a fast development experience and optimized production builds.
• Server-Side Rendering (SSR): Ensures fast initial page loads and good SEO.
• UnoCSS: Utility-first CSS framework for rapid UI development.
• Responsive Design: Adapts beautifully to all screen sizes, from mobile to desktop.
• Dark Mode: User-toggleable light and dark themes.
• Iconify Icons: Using Carbon icons via UnoCSS preset.
• Clean Codebase: Well-structured components and pages.

Project Structure

• /pages: Contains the Vue components for each page route.
• /public: Static assets like images and favicon.ico.
• /server: Server-side API routes or middleware (if any).
• app.vue: The main application template, including header and footer.
• nuxt.config.ts: Nuxt configuration file.
• package.json: Project dependencies and scripts.
• tsconfig.json: TypeScript configuration.

Setup and Development

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Start the development server on http://localhost:3000:

npm run dev

Build for Production

Build the application for production:

npm run build

Locally preview the production build:

npm run preview

Check out the deployment documentation for more information.

Deployment

This project is configured for easy deployment on Vercel. Simply connect your GitHub repository to Vercel for automatic CI/CD.

Contact

• Website: sylphx.com
• Support: support@sylphx.com
• GitHub: github.com/sylphxltd

---

© {{ new Date().getFullYear() }} Sylphx Limited. All rights reserved.