How to install Astro Template

documentation

Publih On: 2023-12-02

Installation this project.

Local Installation

• For first you need to install node js , you can download node here
• Download source code project and extract on your project folder.
• Access your project folder with terminal , for example your project folder is locate on desktop so you can run this command cd C:\Users\pcname\desktop\project - change pcname with your pc name and change project with your project name.
• After that you can run installation command npm install
• Now you can run your project on your local devices , with run this command npm run dev
• Visit localhost:4321

Work with this astro blacks

Now you need to update and config your website,for first you need to access on src/data open config.json and home.json files and change with your needed.

You can change title, description ,and others for your website.

read how work with data →

Ok, Now we can move to src/pages folder.

Need to change and update

• about read here how to work with about page→
• blog read here how to work with blog page→
• contact read here how to work with contact page→
• gallery read here how to work with gallery page→
• gallery/image read here how to work with gallery page→
• gallery/video read here how to work with gallery page→
• services read here how to work with services page→

Next step, you can create promotion widget page for displaying on all page post article. Access on src/content/services

read here how to work with content promotion page →

Cloud Installation

Before push your project, you need to add your domain. For first you can open astro.config.mjs

and change site url with your domain name , example

export default defineConfig({
  site: 'yourdomain.com',
  integrations: [preact()]
});

• After you have finish your project, now you can make your site live. so you need push your project in to git.
• Register and create an account on github / gitlab
• After you have create github account
• Create new repo and name it with your project
• Next open your project folder with terminal, and copy paste from github command from your repo - for push your project in to your github repo.
• Now you need to register or create an account on modern static hosts such as vercel, netlify, cloudflare and others . Register with your git account.
• Next you can create new project or page - then select or integration with your github repo project.
• Click deploy - and select astro as framework
• Finish !! your website is live !!

If you want , you can use our services for work with headless cms and setup your website project,until your website is live !!

Integration with headless CMS Now →