How I rebuilt my Angular blog and became an Astronaut 🚀

• astro-blog

  1 21 0.0 Astro

  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

  3 256 0.0 TypeScript

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

  

Angular Component Router - My declarative router for Angular

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• prism-themes

  4 1,339 0.0 CSS

  A wider selection of Prism themes

  

Prism Themes - Themes for syntax highlighting

• Tailwind CSS

  1,285 78,752 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Tailwind CSS - A utility-first CSS framework

• Scully

  22 2,557 0.0 TypeScript

  The Static Site Generator for Angular apps

  

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

• remark

  42 7,240 7.0 JavaScript

  markdown processor powered by plugins part of the @unifiedjs collective (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

  59 12,024 0.0 JavaScript

  Lightweight, robust, elegant syntax highlighting.

  

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

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• date-fns

  119 33,760 9.3 TypeScript

  ⏳ Modern JavaScript date utility library ⌛️

  

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

• astro

  506 42,690 10.0 TypeScript

  The web framework for content-driven websites. ⭐️ Star to support our work!

  

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

  699 94,599 10.0 TypeScript

  Deliver web apps with confidence 🚀

  

Angular - Frontend framework for web development

Suggest a related project