like an 

* Scully like an alternative to Angular Universal

alternative to

Stepan Suvorov

Angular Universal

SSR

🤔

Why to SSR?

  • SEO

  • First screen

  • Social friendly preview

 

Angular Universal

$ ng add @nguniversal/express-engine

$ ng add @scullyio/init

$ npm run dev:ssr
$ ng build
$ npm run scully
$ npm run scully:serve

init

dev env

prod env

$ npm run build:ssr
$ npm run serve:ssr
$ ng build --prod
$ npm run scully

you need nodejs server!

you can just upload your files to CDN

Angular Universal

rendering

is done with help of a real browser - Puppeteer

  • document/window/navigator
  • jQuery old plugins

with help of ngExpressEngine (without real browser)

JIT

is built for it

was not made to compile pages on fly (regeneration takes too much time)

partial

you can regenerate any specific page

--routeFilter "*/pages/*"

Angular Universal

benchmarks

speed

Angular Universal

benchmarks

file size

Angular Universal

extra

plugins: gives you full control up to rendering process where you can remove Angular at all

blog out of box (schematics)

.md files compilation out of box

ng g @scullyio/init:blog
ng g @scullyio/init:post --name="This is my post1"

Conclusion

Thank you for your attention.

AngularUP - Scully like an alternative to SSR

By Stepan Suvorov

AngularUP - Scully like an alternative to SSR

  • 1,348