Objective

To avoid redundant definition of types and interfaces, and ensures consistency.

Suggestion

Set up a type file and consolidate all types and interfaces used throughout the project.

It might be cool to add a chronology page - career, projects, study.

Objective

Implement querying post by tags.

Suggestion

Each post already has a tag metadata. Use this to filter posts based on a selectedTag prop passed to the LatestPosts component.

Objective

Implement pagination for LatestPosts to limit the number of posts shown in one page.

Suggestion

Show only 3 posts per page. The pagination logic can be implemented as a prop selectedPage, which is passed into LatestPosts. After sorting the posts by descending date, split the array of posts into an array of arrays with size 3. The current page can be rendered by indexing the array of arrays with the value of selectedPage.

With this method, there might be performance issues when there are too many posts to handle. However, at the rate I am writing posts, this might not be an issue for a while and it might not be worth it to overengineer a solution at this point.

Objective

To segregate the meta tags from main pages (index.tsx and pages/[slug.tsx]) into a separate component. Improves readability and modularity.