Go offline with the Player FM app!
Podcasts Worth a Listen
SPONSORED


1 SISTER WIVES: The Brown Family Plans Garrison's Funeral, Gives NEW Details About His Passing. Justin Baldoni v Blake Lively UPDATES, First Pictures Of Micah Plath’s Broken Nose Have Surfaced!… 36:16
What is ASTRO JS & How To Run it
Manage episode 340092571 series 3142750
Learn what the Astra Framework is and how to run Astro and create your first Astro blog website.
# What is Astro and How to use it
Your assignment, build a Blog website, ok , let me do a `npx create-react-app my-blog` and do a total overkill of your assignment.
Or just use Astro, with is similar to a static site generator and make you life much easear.
## What is Astro?
Astro is an all-in-one web framework for building fast, content-focused websites.
For example Blogs, Landing pages ,Portfolio, Showcase, etc...
## Key Features:
Some of the Key Features of the Astro framework are :
- **Component Islands**: A new web architecture for building faster websites, that considers your website as the ocean and the components as islands.
- **Server-first API design**: opposite to next.js, expensive hydration is removed of your users’ devices increasing site speed.
- **Zero JS, by default**: No JavaScript runtime overhead to slow you down. JavaScript is loaded only when required.
- **Edge-ready**: can run on global edge runtime like Deno or Cloudflare.
- **Customizable**: Tailwind, MDX, and 100+ other integrations to choose from.
- **UI-agnostic**: Supports React, Preact, Svelte, Vue, Solid, Lit and more as integrable components.
There main selling point is that you ship les JavaScript!
🎱Source Code for this Video: https://norbertbm.com/
👇
Website & Courses: 👨🏫 : https://norbertbm.com/web-development/web-dev-courses/
Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
43 episodes
Manage episode 340092571 series 3142750
Learn what the Astra Framework is and how to run Astro and create your first Astro blog website.
# What is Astro and How to use it
Your assignment, build a Blog website, ok , let me do a `npx create-react-app my-blog` and do a total overkill of your assignment.
Or just use Astro, with is similar to a static site generator and make you life much easear.
## What is Astro?
Astro is an all-in-one web framework for building fast, content-focused websites.
For example Blogs, Landing pages ,Portfolio, Showcase, etc...
## Key Features:
Some of the Key Features of the Astro framework are :
- **Component Islands**: A new web architecture for building faster websites, that considers your website as the ocean and the components as islands.
- **Server-first API design**: opposite to next.js, expensive hydration is removed of your users’ devices increasing site speed.
- **Zero JS, by default**: No JavaScript runtime overhead to slow you down. JavaScript is loaded only when required.
- **Edge-ready**: can run on global edge runtime like Deno or Cloudflare.
- **Customizable**: Tailwind, MDX, and 100+ other integrations to choose from.
- **UI-agnostic**: Supports React, Preact, Svelte, Vue, Solid, Lit and more as integrable components.
There main selling point is that you ship les JavaScript!
🎱Source Code for this Video: https://norbertbm.com/
👇
Website & Courses: 👨🏫 : https://norbertbm.com/web-development/web-dev-courses/
Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
43 episodes
All episodes
×
1 Top 10 CSS FEATURES YOU NEED TO KNOW - WCQ #43 8:15

1 3 Best Practice Tips for Backend Development | WCQ-42 9:11

1 New React V19 Update | ReactJS Compiler | WCQ-41 4:31

1 3 NEW Visual Studio Code UPDATES 2024 (vs code v1.87) WCQ-40 7:25

1 10 Visual Studio Code Update you need February 2024 15:51

1 4 New JavaScript Array Methods for 2024 - WCQ 38 6:43

1 10 GitHub Best Practices for repository management 9:58

1 Is The GitHub Copilot Killer The FREE Amazon Code Whisperer | WCQ33 | 3:41

1 Top 10 ways to EARN MONEY with OpenAI's ChatGPT | Analysis | WCQ32 12:37

1 Top 10 skills web developers will need in 2023 - WCQ30 9:39

1 GitHub Copilot, Windows Mac BING, Junoior DEVs and Students 6:32

1 Microsoft ChatGPT vs Google AI Bard and GitHub layoffs 10% 4:08

1 ChatGPT subscription, CSS has, is , not and Activision Blizzard Microsoft - WCQ27 2023 11:46


1 What is the Difference between Beginner vs Intermediate vs Advanced programmer 8:31



1 WWDC 2022 Apple iOS and MAC's for Web Development. 6:38

1 React version 18 | What is new in React v18 | How to Install Update and run React JS v18 10:04

1 Top 10 Skills You Must Know 2022 Before You Learn ReactJS 9:27




1 Top Benefits of micro Frontend Web Development in 2022 - WCQ14 10:01

1 Top 5 Technologies for WEB Development in 2022 - WCQ13 9:50

1 New JavaScript Framework Remix, React Router 6 - WCQ12 8:27

1 Web 3 / Metaverse, New Framework Hydrogen for dynamic E-commerce - WCQ11 20:21

1 The future of coding, NodeJS in the browser and WebContainers - WCQ November 15, 2021 7:52

1 Is Web 3.0 the future of the internet, should you even care blockchain? 13:50



1 Vs Code v1.61 September 2021 updated & Font Awesome V6 Beta - WCQ Ep6 6:54


1 How Old are programing [ coding ] languages 10:49

1 5 Tips for improving your web development skills 5:09


Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.