like an
* Scully like an alternative to Angular Universal
alternative to
Stepan Suvorov
-
CTO @ Studytube
-
with Angular since 2013
-
Angular Kharkiv(Ukraine) Meetup organizer
-
Dutch Angular Group co-organizer
-
Angular Workshops on learn.javascript.ru
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