Personal Site screenshot

Personal Site

Author Avatar Theme by Codingki
Updated: 15 Nov 2025
49 Stars

Personal website made using Next.js, Chakra UI and DatoCMS

Categories

Overview:

Kikiding.space is a website built using Next.js and Chakra UI. It utilizes the DatoCMS content management system and follows the Strangelove style guide. This combination of technologies allows for a fast and efficient development process while maintaining a visually appealing and user-friendly design.

Features:

  • Next.js: Kikiding.space is built using the Next.js framework, which provides server-side rendering and other performance optimizations for a seamless browsing experience.
  • Chakra UI: The website’s user interface is styled using Chakra UI, a component library that offers a wide range of pre-built UI elements and utilities. This enables consistent and responsive design throughout the site.
  • DatoCMS: Kikiding.space integrates DatoCMS as its content management system, allowing easy editing, updating, and publishing of website content. DatoCMS simplifies content management tasks and provides a centralized hub for managing all types of content.
  • Strangelove Style Guide: The website follows the Strangelove style guide, which ensures a visually cohesive and aesthetically pleasing design across all pages. This guide provides guidelines for colors, typography, spacing, and other design elements.

Installation:

To install the Kikiding.space theme, follow the steps below:

  1. Make sure you have Node.js and npm installed on your machine.
  2. Clone the project repository from GitHub: git clone https://github.com/your-username/kikiding-space.git
  3. Navigate to the project directory: cd kikiding-space
  4. Install the project dependencies: npm install
  5. Start the development server: npm run dev
  6. Open your browser and visit http://localhost:3000 to view the website.

Summary:

Kikiding.space is a website built with Next.js, Chakra UI, DatoCMS, and follows the Strangelove style guide. It offers a visually appealing design, seamless browsing experience, and easy content management. By following the installation guide, users can set up the theme and explore its features.