How I rebuilt my Angular blog and became an Astronaut 🚀

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Scout APM - Truly a developer’s best friend
  • Sonar - Write Clean JavaScript Code. Always.
  • Zigi - Workflow assistant built for devs & their teams
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • astro-blog

    My personal blog built with https://astro.build

    You can visit my site at https://brandonroberts.dev and my GitHub repo to see the full source code for my blog. Feel free to send me PRs for CSS 😉.

  • router

    Angular Component Router - A declarative router for Angular applications (by angular-component)

    Angular Component Router - My declarative router for Angular

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • prism-themes

    A wider selection of Prism themes

    Prism Themes - Themes for syntax highlighting

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Tailwind CSS - A utility-first CSS framework

  • Scully

    The Static Site Generator for Angular apps

    Scully - A JAMstack static site builder for Angular apps w/Markdown support

  • remark

    remark is a popular tool that transforms markdown with plugins. These plugins can inspect and change your markup. You can use remark on the server, the client, CLIs, deno, etc. (by remarkjs)

    In Astro, markdown files are treated as plain text, and converted to HTML using remark with syntax highlighting done using Prism pre-enabled. In order to use the BlogPostLayout.astro in my markdown files, I had to add the layout property to the frontmatter in the markdown file. One example file looks like this:

  • PrismJS

    Lightweight, robust, elegant syntax highlighting.

    Prism - A JavaScript library that provides syntax highlighting for code snippets

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • date-fns

    ⏳ Modern JavaScript date utility library ⌛️

    date-fns - Modern functional library for working with dates.

  • astro

    Build faster websites with Astro's next-gen island architecture 🏝✨

    My friend and colleague Juri just finished a blog post series on building a blog with Next.JS, so I was all but ready to rebuild my Angular blog using the same stack. But as with all things in tech, when something else comes along the way we want to take a look and see what can be done with that also. Along my Twitter feed, I noticed a relatively new static site builder named Astro that piqued my interest.

  • Angular

    The modern web developer’s platform

    Angular - Frontend framework for web development

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts