Website

Theme by Wirtzdan

|

Updated: 5 Apr 2025

|

535 Stars

Personal website build with Chakra UI, NextJS and Airtable

Categories

Overview:

Welcome to my personal website/portfolio! This website is built using Next.js (React Framework), Chakra UI (Component Library), and Airtable as a simple backend. The blog, books, and tools pages make use of the backend functionality. Check out the article to learn more about how Airtable is used as a backend.

Features:

• Next.js: Utilizes Next.js, a popular React Framework, to power the website.
• Chakra UI: Implements Chakra UI, a versatile component library, for the website’s design.
• Airtable Backend: Integrates Airtable as a simple backend for the blog, books, and tools pages.
• Blog Page: Contains interesting articles and content updates.
• Books Page: Showcases recommended books and reading material.
• Tools Page: Provides useful tools and resources for visitors.
• Local Setup: Includes instructions on how to run the website locally.

Installation:

To run this website locally, follow these steps:

1. Open your terminal.
2. Type the following command: <command>
3. To use the Airtable and Raindrop integration, make sure to add environmental variables. Create a .env.local file similar to .env.example.

Summary:

This article provides an overview of a personal website/portfolio built using Next.js, Chakra UI, and Airtable as a backend. It discusses key features such as the blog, books, and tools pages, as well as instructions for running the website locally. If you have any questions or feedback, reach out on Twitter.