I-As.Dev

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