About

The blog

The “Front Matters” is my first blog and first astro project, wich I created as a place to register and share thoughts about web development, programming paradigms and more, also a big oportunity to learn the framework while mantaining the blog and mastering my second language (english)

Stack of the blog

The blog currently is pretty simple, an Astro project with local files hosted on a cloudflare domain, that refreshes its content as I git push to main.

I do pretend to expand it, make it fetch the posts from a database and build a custom CMS to upload markdown files to such database

Contents of the blog

Theres no much constraints on what I will be writing about, in fact, I plan to write about anything interesting that comes to my mind in terms of technology and web development such as:

• New and old frameworks
• History of web development
• Personal preferences and insights

”I think I’ve missed the pun"

"Front Matters” is a pun based of Frontmatter, basically a tool for adding metafields and important info on (but not only) markdown files

The Author

My name (as the domain implies) is Luiz Felipe, and, for me this project represents a First Time in a lot of things, indeed, it’s my first time:

• Having a blog
• Writing articles in english
• Mantaining a custom web domain
• Deploying my application on a production environment (eg: different from Vercel and Github Pages)

About me

I’m a web developer with most experience with front end, my tech stack includes:

• Typescript
• React (CRA/Vite/Next/Remix)
• Angular
• Laravel (PHP/Blade/REST APIs/MVC)
• Flutter
• SQL Databases

currently I work on an Ecommerce Project (Shopify) with:

• HTML, CSS, Javascript
• jQuery / AJAX
• Shopify Liquid

and working with such “basic” tools made me rethink and focus on the basic of web development such as:

• SEO: As an ecommerce we aim to bem easy reachable by search crawlers
• Acessibilty: Because (but not only) the ecommerce is located in the U.S, this is a first-class priority to avoid legal complications and ensure that any user can purchase on the site
• Performance: as it implies directly on the User Experience, and so on the convertion rates of the business

and much more things related to the business besides the development itself, such as Google Analytics, DataLayer and Event Tracking

This blog is powered by AstroPaper

AstroPaper is a minimal, responsive and SEO-friendly Astro blog theme. I designed and crafted this based on my personal blog.

This theme is aimed to be accessible out of the box. Light and dark mode are supported by default and additional color schemes can also be configured.

This theme is self-documented _ which means articles/posts in this theme can also be considered as documentations. So, see the documentation for more info.

Tech Stack

This theme is written in vanilla JavaScript (+ TypeScript for type checking) and a little bit of ReactJS for some interactions. TailwindCSS is used for styling; and Markdown is used for blog contents.

Features

Here are certain features of this site.

• fully responsive and accessible
• SEO-friendly
• light & dark mode
• fuzzy search
• super fast performance
• draft posts
• pagination
• sitemap & rss feed
• highly customizable

If you like this theme, you can star/contribute to the repo.
Or you can even give any feedback via email.