--- title: Building an Angular Blog With Scully | daily.dev description: A step-by-step guide to building a blog with Angular using Scully, the static site generator for Angular projects. Covers project setup, adding Scully,... canonical: https://daily.dev/posts/building-an-angular-blog-with-scully-pgatpsk9i twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Building an Angular Blog With Scully | daily.dev og:description: A step-by-step guide to building a blog with Angular using Scully, the static site generator for Angular projects. Covers project setup, adding Scully,... og:url: https://daily.dev/posts/building-an-angular-blog-with-scully-pgatpsk9i og:image: https://api.daily.dev/og/posts/PgATpSK9i.png og:image:alt: Building an Angular Blog With Scully og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Building an Angular Blog With Scully **[Playful Programming](https://daily.dev/sources/playfulprogramming)** · [@crutchcorn](https://daily.dev/crutchcorn) · 14 min read · 0 upvotes · 0 comments ## Summary A step-by-step guide to building a blog with Angular using Scully, the static site generator for Angular projects. Covers project setup, adding Scully, configuring Markdown support, setting up Angular routes for blog listing and individual posts, running the Scully build process, and displaying post metadata using ScullyRoutesService and RxJS. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Building a Blog in TanStack \(Part 1 of 2\) – Frontend Masters Blog](https://daily.dev/posts/building-a-blog-in-tanstack-part-1-of-2-frontend-masters-blog-jnpzhzweu) · Frontend Masters · 4 upvotes · 0 comments - [Building a Blog in TanStack \(Part 2 of 2\) – Frontend Masters Blog](https://daily.dev/posts/building-a-blog-in-tanstack-part-2-of-2-frontend-masters-blog-bmnwfk8tx) · Frontend Masters · 4 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#typescript](https://daily.dev/tags/typescript), [#angular](https://daily.dev/tags/angular), [#rxjs](https://daily.dev/tags/rxjs) [View this post on daily.dev](https://daily.dev/posts/building-an-angular-blog-with-scully-pgatpsk9i) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Building an Angular Blog With Scully","url":"https://daily.dev/posts/building-an-angular-blog-with-scully-pgatpsk9i","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/building-an-angular-blog-with-scully-pgatpsk9i"},"datePublished":"2026-03-16T21:47:40.426Z","dateModified":"2026-03-17T18:00:19.499Z","description":"A step-by-step guide to building a blog with Angular using Scully, the static site generator for Angular projects. Covers project setup, adding Scully,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/e6c97ad7f919cc4cf050f276fca354af?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/e6c97ad7f919cc4cf050f276fca354af?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Playful Programming","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Corbin Crutchley","url":"https://daily.dev/crutchcorn","image":"https://avatars.githubusercontent.com/u/9100169?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":400}},"commentCount":0,"discussionUrl":"https://daily.dev/posts/building-an-angular-blog-with-scully-pgatpsk9i","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,typescript,angular,rxjs","timeRequired":"PT14M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Playful Programming","item":"https://daily.dev/sources/playfulprogramming"},{"@type":"ListItem","position":3,"name":"Building an Angular Blog With Scully"}]} ```