ASTRO Dynamic Title Tag | Tutorial | Static Site Generator SSG JavaScript JS
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/sean_emerson?gr_tch_ref=on&gr_trp=off 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-insurance?referenceID=24741702&utm_source=24741702&utm_medium=Ambassador Like the video? Buy me a coffee!! https://www.buymeacoffee.com/futureweb Completed tutorial source code: https://github.com/future-wd/video-astro-dynamic-title Links https://docs.astro.build/en/reference/api-reference/#astrourl 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
Download
0 formatsNo download links available.