Personal Gatsby Website
Overview
This is an interactive personal portfolio and blog built using Gastby SSG (Static Site Generator) and lambda. The website was designed and developed by Himanshu and Utkarsh.
Features
- Dark mode support: The website supports a dark mode theme.
- Upvote counter like medium with rate limited on FE: The website features an upvote counter similar to Medium, with rate limiting on the front-end.
- Comments system using utterance: The website includes a comments system using utterance.
- Lambda support for adding dynamic functionality: Lambda is used to add dynamic functionality to the website.
- Blog and project showcase: The website includes a blog and a project showcase section.
- Responsive design: The website is responsive, ensuring it looks good on different devices.
- Newsletter support to build fanbase: The website has built-in newsletter support to help build a fanbase.
- 100 Pagespeed Score: The website has achieved a Pagespeed score of 100.
Summary
This personal portfolio and blog website built with Gastby SSG and lambda offers various features such as dark mode support, upvote counter, comments system, lambda support for dynamic functionality, blog and project showcase, and newsletter support. The installation process involves forking the repository, deploying the project on Netlify, and configuring Firebase. Overall, it provides a responsive design and has achieved a Pagespeed score of 100.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- MDX
MDX is a format that allows developers to write JSX within Markdown documents, combining the power of React with the simplicity of Markdown. This allows for the creation of dynamic and interactive content that can be easily shared and consumed across different platforms and devices.
- Netlify
Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.