Draft steps to build the blog from scratch with Scully (Angular-based static site generator) using dynamic data from dev.to API. Based on this article and official docs.
npx -p @angular/cli@^9.0.0-rc ng new scully-blog --routing
cd scully-blog
ng add @scullyio/init
ng g @scullyio/init:blog
ng g m home --route=home --module=app-routing
- configure routes, update home component (read more)
app.component.html
should contain<router-outlet></router-outlet>
(remove unnecessary code)- add dev.to API config properties to routes of
scully.config.js
(read more) - add
HttpClientModule
to imports ofapp.module.ts
- add service to fetch post data for each post page
- for development run
npm start
- for static site building
npm run build
npm run scully
npm run scully:serve
orcd dist/static && npx http-server
- probably, routing will not work with child routing modules - provide all the modules/components for app routes inside the parent one