ASTRO Dynamic Title Tag | Tutorial | Static Site Generator SSG JavaScript JS

Published: 19 January 2023
on channel: Future Web Design
840
14

This video is all about dynamically generating a page's title tag based on weather its the home page or not - and how to set up the templates along with defining a custom site configuration.

Astro is a unique JS based static site generator in that it doesn't ship any JavaScript by default.

Watch my full length Hugo courses on skillshare here: https://www.skillshare.com/r/user/sea...
You get 1 month free, to watch my courses using my referral link.

Full length HUGO and Bootstrap 5 intro course
https://skl.sh/3rsfq4y

Full length SASS/SCSS building with Hugo Course
https://skl.sh/3IKdWc2

Full length JavaScript building with Hugo Course
https://skl.sh/3uHZcEz

SEO and asset optimization with Hugo Course
https://skl.sh/3rthbOo

Looking for the best value for money travel insurance that suits both travelers and digital nomads? Covid-19 coverage included! Use my link to support this channel.
https://safetywing.com/nomad-insuranc...

Like the video? Buy me a coffee!!
https://www.buymeacoffee.com/futureweb

Completed tutorial source code:
https://github.com/future-wd/video-as...

Links
https://docs.astro.build/en/reference...

0:00 - Introduction
0:45 - Create a new Astro project
1:57 - Set up the project
4:14 - Create custom site configuration
5:43 - Import configuration from the file
6:14 - Check the current path
6:45 - Check for home page with ternary operator
7:14 - Create template literals for printing to template tag
8:30 - Test the project


#astro #website #vscode #staticsitegenerator #jamstack


Watch video ASTRO Dynamic Title Tag | Tutorial | Static Site Generator SSG JavaScript JS online without registration, duration hours minute second in high quality. This video was added by user Future Web Design 19 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 84 once and liked it 1 people.