ASTRO Import Aliases | Tutorial | Static Site Generator SSG JavaScript JS Markdown MD Components

This video is all about how to create import aliases so component imports are not relative to their location in your project. You can reference directories with an @alias rather than ../../components. You can then easily move around pages, or copy and past pages into different directories without worrying about depth. 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-import-aliases Links https://docs.astro.build/en/guides/aliases/ 0:00 - Introduction 0:26 - Create a new Astro project 2:05 - Create import aliases 3:35 - Import components with aliases #astro #website #vscode #staticsitegenerator #jamstack