Scully VS fireship.io

In recent years, projects like Vercel's NextJS and Gatsby have garnered acclaim and higher and higher usage numbers. Not only that, but their core concepts of Server Side Rendering (SSR) and Static Site Generation (SSG) have been seen in other projects and frameworks such as Angular Universal, ScullyIO, and NuxtJS. Why is that? What is SSR and SSG? How can I use these concepts in my applications?

I just spent like 4 hours trying to resolve some dependencies in my angular project so I can install skully - a static site generator in my angular project. And I am exhausted.

There are several solutions to get around the routing issue. One is to use MPA's (multi page applications). Both Angular (Angular Universal, Scully, and more recently released Analog) and React (NextJs and Remix) have meta-frameworks that provide a server side rendered solution.

Unfortunately, there are no options that I know of. There is a new meta-framework for Angular called Analog but it is not yet ready for SSR. If you need SSG, there is Scully. Other than that, you will have to wait for the Angular Team to fix their Universal project or switch to one of the meta-frameworks :)

Make sure to checkout the Scully Docs.

As for Angular, there's the official @angular/universal package, but I wasn't a fan of it the last time I used it. I've used Scully before and it worked great, plus it requires no changes to your code, unlike Universal.

Scully, static site generation

Take a look at Scully. It’s a static site generator for Angular apps.

Maybe take a look at this: https://scully.io/

Hi guys, I'm just started a blog with hugo and wonder how to customize my site further without relying on themes. So, I remembered the guy behind fireship built fireship.io with hugo, after reading the repo for a while, I'm completely lost. I don't understand how he can build components with svelte, build with vite and then use it in hugo. If you get the gist of it, please shed some light on me. If I want to achieve something similar in React + hugo, how can I do about that? And what do I need to understand about the build tool to write vite config based on the techs that I use? Thank you very much!

Taking a look at the fireship.io GitHub repo: https://github.com/fireship-io/fireship.io, they use Hugo for their blog. I'd like to keep the website's speed as fast as possible and would like to avoid API requests if I can just prerender the pages (I prerender the Angular Universal pages already).