A Blog full of Web Projects

• To get experience with Gatsby React GraphQL and Git based CMS systems
• Comparing different technologies with focus on login systems
• Showing the Web Projects I am building by a fast and secure Blog
• Help other developers building Web Projects by fork or download from my GitHub
• Let the readers of the Blog get to know me as well as my IT background

• 30-11-2024

• A static site using Gatsby with Markdown files being the Posts which refers to Projects in this Blog. React and GraphQL are used in most of the modules creating the Blog

• Usability Tests to involve the future Users of the Blog and Projects with the goal of satisfied Users
• End-to-end Tests or Functional Tests for making sure that the workflows work as expected. The authentication of a User could be an example
• Integration Tests across several units to achieve their goals
• Unit Test for testing functions or classes by supplying input and making sure the output is as expected

• The content of the Blog can be updated by GitHub or VS Code
• The Posts of the Blog refers to Projects must be created in Markdown or Mdx
• View the Projects by scrolling down the List
• View the Projects by searching / filtering the Title or Tags
• View the Projects by Pagination
• A Category can have one or more Projects because a Project needs to belong to at least one Category
• One or more Tags can be added to each Project
• A Page showing all Categories found in the Projects and the number of Projects in which the Category appear
• A Page showing all Tags found in the Projects and the number of Projects in which the Tag appear
• GraphQL - A query language
• Routing by Gatsby and React
• Custom 404 Error page
• Serving static assets like images, styles and fonts
• Support for older Browsers including IE 11

• Gatsby
• GitHub CMS
• JavaScript
• HTML
• CSS

• Node 20.18.1

• Webpack is used under the hood

• The use of HTTPS
• The security of Gatsby being a static site

• Vercel Cloud

• Visual Studio Code