vscode-live-server VS astro

Github: livereload Vscode Marketplace: livereload marketplace

Web Dev Server (built-in with modern browsers)

I think your using the VSCode Live Server plugin. I would not use the Live Server plugin to run your app. The plugin does some magic to inject additional HTML into displayed page. Having SVG icons breaks it (not sure if you are using svg icons). I would run a basic app through a Python server by creating pyServer.py file:

Now open the html file using an HTTP server of your choice. I'm using the Live Server VS Code extension. You will see something like this.

More than likely.

This seems like a common issue with the vs code live server extension. You may want to switch to using npm live-server or try setting a proxy: https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

I was using the VS code live server extension from here https://github.com/ritwickdey/vscode-live-server which exposes port 5500 on my localhost by default.

You need to use a server that establishes a root directory to /build (not fall back to the root of C:). I tried to get LiveServer (VS Code Extension) to function but it too needs the server root set to /build. Just found this which should solve that problem.

After downloading it, I will also recommend downloading an extension called Live Server in VsCode and it will help you to create a local server and view the changes made to the website without refreshing it each time & is super useful, Trust me!

Astro: Complete meta-framework support. More on Astro.build

Hey there! If you love React and want to try out a faster, lighter way to build websites, then Astro has you covered. Astro makes it easy to use React components within its static-first framework.

Hey there! If you’re into building modern websites, you’ve probably heard about Astro. (I hadn't until about two weeks ago) It’s a new kid on the block, and it’s turning heads for all the right reasons...or is it? It's healthy to be a skeptic. Astro makes it super easy to build fast, lightweight websites—and today, I’m going to give you the lowdown on why it’s awesome, how it stacks up against Next.js, and even walk you through a quick example to get started.

Many brands currently using you can on their website https://astro.build/

Astro is a meta framework focused on creating content-heavy websites. This is honestly my current favorite framework for building static marketing sites, blogs, and whatever else that doesn't require a ton of interactivity. I've used this more than I can remember in the last year and can't stop recommending it to people. It has 48k stars 🌟. Learn more about Astro here.

Static sites are a thing of beauty and simplicity. They're fast, secure, and easy to manage. The JAMStack movement help made it popular (after SPAs) and static site builders like Hugo and Eleventy are making it simple to build websites in this manner. I dare not mention Astro because it's the new kid making building static sites cooler than ever.

Yeah I really like Astro too, I often just start with the minimal template [1] that is just a couple of files. I used to do many experiments with custom SSG some time ago but since Astro came out I can't change back anymore.

If you don't want js on the frontend you can just use it as a nice html templating engine. It also renders markdown automatically for you as it recognizes different formats by the file extension.

[1]: https://github.com/withastro/astro/tree/main/examples/minima...

Astro Next.js Remix Vite Tanstack Start

Marking the first days and months of 2024 I started a site to host articles and blogs and what I called uploadz and missivz. I am using Astro having migrated from Gatsby in years previous. Astro is arguably faster to compile static sites and has a simpler, cleaner, in my view, way of creating simple component based web pages. It has the capability of embedding 'islands' of react, svelte, even plain Javascript and far more without having to go full on SPA if you don't want to. This was too tempting not to take a look and quite frankly I got hooked. Whilst I don't use a fraction of what Astro has to offer it has become a go-to for me for not just static sites but also to create POCs, quick Demos and more. It also has become the basis of a lightweight content management system I am developing and have implemented this year for clients and a non-profit. The CMS I refer to uses a back-end written in Laravel.

Initially, I ran my blog only on Medium, but it's not comfortable to write text there – it's much easier to write and edit in the same editor where I write code (plus my editor has Copilot). Therefore, I decided to move my blog to a static page generator. As an engine, I chose Zola (Rust-based, simple, and fast); I also tried Astro, but it's too big and complex for such a simple task. Overall, Zola is good, but it lacks some filters in templating, not enough flexibility in file structure, and not all popular languages are supported in code highlighting.