CompileSwift.com Rebuild with Astro.build


  • Share on Pinterest
CompileSwift Rebuild 1
Home Page – Old on the Left, new on the Right

Some may have noticed that one of my other sites, CompileSwift.com, has a new look and feel. That's because I am rebuilding it from the ground up to fix some issues that have always bothered me with Astro.build.

This also allowed me to try the new Astro.build 1.0 release. Which, if you are curious, I talked about in this episode of the UIBuzz Podcast.

CompileSwift Rebuild 2
About Page – Old on the Left, new on the Right

The first issue was the sticky header did not always work right and, at times, overlapped the content. Rather annoying, you might say, or some other choice words, perhaps?

I hated not having pagination as the content grew. This did not affect performance, but it sure affected the aesthetics and ease of searching. I had tried to incorporate pagination in the GatsbyJS site, but it never really worked right, so it was never pushed live.

CompileSwift Rebuild 3
Contact Page – Old on the Left, new on theRight

The core pages are there, and everything is operational. I am still working out the design and content for the blog posts. I hope to have those back soon since I should be able to use the existing markdown files with minimal reworking.

Thanks to the simplicity of building content using Astro, I can now explore other ideas that I could not execute on the old design. More to come on this in the future.

I hope you like the new design. It plays well with different devices and feels even faster than when I used GatsbyJS, which I didn't think was possible.

I noticed Astro appears to be using other tools like GatsbyJS and Redwoodjs under the hood, at least as far as the dependencies showed.

I welcome thoughts and comments.