Velocity is a website theme specially designed for Service-based, Marketing, SaaS and Startup websites. Designed to make it easier for you to have a high-performance website, earlier in your business' lifecycle. Designed and developed on the Gold Coast by Aidxn Design since 2018.
- Built with Tailwind CSS & Alpine.js
- 24+ Pages
- 80+ Comnponents
- 30+ Integrations
- Clean & Modern Design
- Fully Responsive
- Dark & Light Mode
- Fast & Performant
- Super Lightweight
- View Transitions (experimental)
- Prettier Code Formatter
- Google Fonts
- Remix Icons
- Free Updates
- Basic knowledge of Astro, HTML and CSS.
- Text editor (We recommend Visual Studio Code)
- Node.js 18 or higher.
Navigate to your project folder and install its dependencies:
npm install
Once the installation is done, you can now run your app:
npm run dev
This runs the app in development mode. Open http://localhost:3000 to view it in the browser.
npm run build
This builds the app for production to the ./dist/
folder.
Inside the project, you'll see the following folders and files:
/
├── public/
├── src/
│ ├── components/
│ ├── layouts/
│ └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json
public/*
- Any static assets (images, fonts, icons, ...)src/*
- Project source code (components, pages, ...)src/components/*
- Reusable Astro components used to build pages.src/layouts/*
- Astro components that define the UI structure shared by one or more pages..src/pages/*
- Astro components used to create new pages on your site. Each page is exposed as a route based on its file name..prettierrc
- Prettier configuration file.astro.config.mjs
- Astro configuration file.package.json
- File used by JavaScript package managers to manage your dependencies. It also defines the scripts that are commonly used to run Astro.tailwind.config.cjs
- Tailwind configuration file. The theme section is where you define your color palette and fonts.tsconfig.json
- TypeScript configuration file.
Ready to build and deploy your site? Follow the official documentation.
If you have any questions or suggestions do not hesitate to contact me.
This project is licensed under the terms of the MIT license.