Astro JS Tutorial Series #1 - Getting Started with Astro
7K views · Nov 30, 2022 ceos3c.com
In this first part of this new Astro JS Tutorial Series, we will talk about what Astro JS is and then we will jump right in and build a very simple static website together that we will then deploy for free on Netlify. Article: https://www.ceos3c.com/astro/astro-js-tutorial-series-1/ WSL2: https://www.ceos3c.com/category/wsl-2/ ⚡️ Courses ↬ https://www.stefanrows.com 📝 Blog ↬ https://www.ceos3c.com 🔗 All The Links & Goodies ↬ https://linktree.stefanrows.com 🥰 Show Support ↬ Patreon: https://www.patreon.com/stefanrows ↬ PayPal: https://www.paypal.me/ceos3c ↬ Buy Me A Coffe: https://www.buymeacoffee.com/stefanrows ✅ Follow Me On Social Media ↬ Discord: https://discord.gg/qPdTvJd ↬ Twitter: https://www.twitter.com/ceos3c ↬ Facebook: https://www.facebook.com/ceos3c ↬ Instagram: https://www.facebook.com/Stefanrows ↬ Twitch: https://www.twitch.tv/ceos3c 📩 Newsletter ↬ https://www.ceos3c.com/go/newsletter 🤩 Specials ↬ 100$ Digital Ocean Credit: https://ceos3c.com/go/digitalocean ↬ Huge NordVPN Discount: https://ceos3c.com/go/nordvpn ↬ Increase Blog Earnings With AI: https://ceos3c.com/go/ezoic-ai 00:00 Intro 01:40 Written Guide 02:25 Possible Projects 04:10 Astro Requirements 05:30 Creating a Astro Project 10:15 Folder Structure 16:00 index.astro 18:00 Creating Pages 20:40 Challenge 23:15 Deploying to Netlify 31:20 Netlify CLI 34:40 Next Part
Astro JS Tutorial Series #2 - Styling and Components
180 views · Dec 6, 2022 ceos3c.com
In this part you will learn how to apply Astro JS Styling to your Astro project and you will learn how to add dynamic content using components. Article: https://www.ceos3c.com/astro/astro-js-tutorial-series-part-2-astro-js-styling-and-components/ GitHub repo: https://github.com/stefanrows/astro-static-site/tree/2-Styling-And-Dynamic-Content ⚡️ Courses ↬ https://www.stefanrows.com 📝 Blog ↬ https://www.ceos3c.com 🔗 All The Links & Goodies ↬ https://linktree.stefanrows.com 🥰 Show Support ↬ Patreon: https://www.patreon.com/stefanrows ↬ PayPal: https://www.paypal.me/ceos3c ↬ Buy Me A Coffe: https://www.buymeacoffee.com/stefanrows ✅ Follow Me On Social Media ↬ Discord: https://discord.gg/qPdTvJd ↬ Twitter: https://www.twitter.com/ceos3c ↬ Facebook: https://www.facebook.com/ceos3c ↬ Instagram: https://www.facebook.com/Stefanrows ↬ Twitch: https://www.twitch.tv/ceos3c 📩 Newsletter ↬ https://www.ceos3c.com/go/newsletter 🤩 Specials ↬ 100$ Digital Ocean Credit: https://ceos3c.com/go/digitalocean ↬ Huge NordVPN Discount: https://ceos3c.com/go/nordvpn ↬ Increase Blog Earnings With AI: https://ceos3c.com/go/ezoic-ai 00:00 Intro 02:00 Styling 04:00 Astro Components 09:00 Mini Challenge 10:30 Dynamic Content 13:00 Outro
Install Tailwind in Astro - The Complete Guide (+Bonus!)
6K views · Dec 21, 2022 ceos3c.com
In this Astro Tailwind Guide, you will learn how to install Tailwind for your Astro project and which VS Code extensions are best! Article: https://www.ceos3c.com/astro/astro-tailwind-complete-astro-js-tailwind-guide/
Astro LinkTree Clone Part #2 - Netlify CMS Integration 🧑�...
2K views · Jan 17, 2023 ceos3c.com
Welcome to the second part of the Astro LinkTree clone tutorial. In this part of the series, we are going to upgrade our LinkTree clone to use Netlify CMS to create, edit and delete our links. Article: https://www.ceos3c.com/astro/astro-linktree-clone-part-2/ ⚡️ Courses ↬ https://www.stefanrows.com 📝 Blog ↬ https://www.ceos3c.com 🔗 All The Links & Goodies ↬ https://linktree.stefanrows.com 🥰 Show Support ↬ Patreon: https://www.patreon.com/stefanrows ↬ PayPal: https://www.paypal.me/ceos3c ↬ Buy Me A Coffe: https://www.buymeacoffee.com/stefanrows ✅ Follow Me On Social Media ↬ Discord: https://discord.gg/qPdTvJd ↬ Twitter: https://www.twitter.com/ceos3c ↬ Facebook: https://www.facebook.com/ceos3c ↬ Instagram: https://www.facebook.com/Stefanrows ↬ Twitch: https://www.twitch.tv/ceos3c 📩 Newsletter ↬ https://www.ceos3c.com/go/newsletter 🤩 Specials ↬ 100$ Digital Ocean Credit: https://ceos3c.com/go/digitalocean ↬ Huge NordVPN Discount: https://ceos3c.com/go/nordvpn ↬ Increase Blog Earnings With AI: https://ceos3c.com/go/ezoic-ai 00:00 Intro 05:00 Installing Requirements 06:40 Configuration 11:50 Integrating Netlify CMS 23:00 Netlify Identity Setup
Astro LinkTree Clone Part #1 - Let''s Build!
398 views · Jan 13, 2023 ceos3c.com
#astro #webdevelopment Welcome to the second Astro JS Tutorial Series! After following the previous series, we now should have a solid understanding of the fundamentals of the Astro JS web framework. In this series, we will build up on the lessons we have learned previously and build a full-fledged Astro LinkTree Clone. If this is your first time using Astro JS, we highly recommend going through the first tutorial series before starting with this one since we cover a lot of topics we are not going to explain again in great detail in this tutorial. Article: https://www.ceos3c.com/astro/astro-linktree-clone-part1/ ⚡️ Courses ↬ https://www.stefanrows.com 📝 Blog ↬ https://www.ceos3c.com 🔗 All The Links & Goodies ↬ https://linktree.stefanrows.com 🥰 Show Support ↬ Patreon: https://www.patreon.com/stefanrows ↬ PayPal: https://www.paypal.me/ceos3c ↬ Buy Me A Coffe: https://www.buymeacoffee.com/stefanrows ✅ Follow Me On Social Media ↬ Discord: https://discord.gg/qPdTvJd ↬ Twitter: https://www.twitter.com/ceos3c ↬ Facebook: https://www.facebook.com/ceos3c ↬ Instagram: https://www.facebook.com/Stefanrows ↬ Twitch: https://www.twitch.tv/ceos3c 📩 Newsletter ↬ https://www.ceos3c.com/go/newsletter 🤩 Specials ↬ 100$ Digital Ocean Credit: https://ceos3c.com/go/digitalocean ↬ Huge NordVPN Discount: https://ceos3c.com/go/nordvpn ↬ Increase Blog Earnings With AI: https://ceos3c.com/go/ezoic-ai 00:00 Intro 04:20 Creating Project 08:30 Import Aliases 11:40 Global Styling 12:50 Layout 15:55 NordVPN 16:26 Avatar Component 19:30 Feature Cards 28:20 Link Cards 33:00 Social Links 35:00 Deploying on Netlify 43:00 Next Part
Working with APIs in Astro is AMAZING!
1K views · Mar 2, 2023 ceos3c.com
#astro #webdevelopment Learn how to work with API data in Astro and also learn how to create your own API. WSL2: https://www.ceos3c.com/category/wsl-2/ ⚡️ Courses ↬ https://www.stefanrows.com 📝 Blog ↬ https://www.ceos3c.com 🔗 All The Links & Goodies ↬ https://linktree.stefanrows.com 🥰 Show Support ↬ Patreon: https://www.patreon.com/stefanrows ↬ PayPal: https://www.paypal.me/ceos3c ↬ Buy Me A Coffe: https://www.buymeacoffee.com/stefanrows ✅ Follow Me On Social Media ↬ Discord: https://discord.gg/qPdTvJd ↬ Twitter: https://www.twitter.com/ceos3c ↬ Facebook: https://www.facebook.com/ceos3c ↬ Instagram: https://www.facebook.com/Stefanrows ↬ Twitch: https://www.twitch.tv/ceos3c 📩 Newsletter ↬ https://www.ceos3c.com/go/newsletter 🤩 Specials ↬ 100$ Digital Ocean Credit: https://ceos3c.com/go/digitalocean ↬ Huge NordVPN Discount: https://ceos3c.com/go/nordvpn ↬ Increase Blog Earnings With AI: https://ceos3c.com/go/ezoic-ai 00:00 Intro 00:40 Creating the Project 04:00 Fetching API Data 08:50 Creating API Endpoints