Leonard's Blog
React Next.js Blog
Leonard Liu

Leonard Liu

Nov 14, 2021

React Next.js Blog

TLDR: This blog was created using React and Next.js with GraphQL as query language. GraphCMS was used to manage all the content displayed on this blog. This blog is then deployed onto Vercel.

Technologies explained:

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well frontend components the way you're most likely used to. The advantages of this are numerous (shared components, faster rendering, great tooling).

React.js is a lightweight client-side library that is great for developing awesome user interfaces for the web, mobile, and desktop platforms using JavaScript. Released in 2013, React is arguably the most popular clientside tool for creating user interfaces, especially for the web software platform. The beauty of React is that it encourages software to be built using a component-based methodology.

React apps are usually made up of components that can be reused in multiple instances throughout the codebase. This approach ensures uniformity throughout the software development pipeline.

GraphQL is a Query Language for storing and querying data. It is a powerful alternative to traditional protocols such as the popular REST API protocol. GraphQL allows the client to request ONLY the data it needs from the server. This makes it highly efficient at syncing data between the client and the server.

GraphCMS is a powerful headless CMS offering that uses GraphQL technology for querying data and performing mutations (or updates) to the content. 

Vercel is a platform for frontend frameworks and static sites, built to integrate customer's headless content, commerce, or database. Using Vercel is frictionless, allowing deployment to be instant and scaling to be automatically.

This project allows me to touch on all three technologies and I had a blast learning them. Feel free to explore around, and I would like to hear some feedback on how I can improve this blog!

Leonard Liu

Leonard Liu

Leave a Reply

0 Comments

Related Posts

Categories