Skip to content

Installation

Hi! This guide is designed to help you get started with your purchased templates, providing you with all the necessary information to customize and deploy them effectively. Whether you are a beginner or an experienced developer, this documentation will assist you in making the most of your templates.

Ubelloch Templates provides Astro.js and TailwindCSS for various purposes, including design, development, business, and personal use. Each template is designed with different functionalities and customization options.

Prerequisites

To effectively use our templates, you should have a basic understanding of web development technologies, including:

  • HTML for structuring your content.
  • CSS for styling your pages.
  • JavaScript for adding interactivity.

Additionally, you will need to have the following software tools installed:

  • Node.js for managing packages.
  • Git for version control.

Requirements

  • Node.js - v20.18.0 or higher.
  • Text editor - I recommend VS Code with the official Astro extension, but you can use whatever you like.
  • Terminal - Astro is accessed through its command-line interface (CLI).
  • Internet connection.

Install

To install all dependencies all you will have to do is to run:

Terminal window
# installs all dependencies
npm install

Other important commands to take into account:

Terminal window
# Starts local dev server at localhost:3000
npm run dev
# Build your production site to ./dist/
npm run build
# Preview your build locally, before deploying
npm run preview
# Run CLI commands like astro add, astro check
npm run astro
# Get help using the Astro CLI
npm run astro --help

Learn more about Astro’s commands go to Astro’s documentation