---
title: Personal blog for my wife "Zapiski Mami"
type: Own project
company: '-'
slug: zapiski-mami
state: Production
URL: 'https://zapiskimami.com/'
date: 2022-01-31T00:00:00.000Z
draft: false
featured: true
description: >-
  Static Gatsby blog with GraphQL, Netlify CMS, and GitHub auth—a personal site
  built to share thoughts and ideas with a clean reading experience on all
  devices.
thumbnail: 'https://oleksiipopov.com/projects/zapiski-mami/zapiski-landing.png'
technologies:
  - TypeScript
  - GatsbyJS
  - GraphQL
  - Node.js
  - TailwindCSS
  - React
  - Markdown
gallery:
  - 'https://oleksiipopov.com/projects/zapiski-mami/zapiski-landing.png'
  - 'https://oleksiipopov.com/projects/zapiski-mami/zapiski-blog.png'
  - 'https://oleksiipopov.com/projects/zapiski-mami/zapiski-article.png'
  - 'https://oleksiipopov.com/projects/zapiski-mami/zapiski-article-mobile.png'
  - 'https://oleksiipopov.com/projects/zapiski-mami/zapiski-blog-mobile.png'
galleryAlt:
  - Zapiski Mami blog landing page
  - Blog index with article cards and categories
  - Article page with full post content on desktop
  - Article page layout optimized for mobile reading
  - Mobile blog index with responsive card layout
canonical_url: 'https://oleksiipopov.com/portfolio/zapiski-mami/'
markdown_url: 'https://oleksiipopov.com/portfolio/zapiski-mami/index.md'
---
## Description

It is a completely static pre-rendered GatsbyJS website with GraphQL as a data source, Netlify CMS as an admin side and GitHub as an authentication service. It is a personal project that I did for my wife to share her thoughts and ideas with the world.

## Links

[https://zapiskimami.com/](https://zapiskimami.com/)

## Main features

- Completely static pre-rendered website
- Tags
- SEO
- Netlify CMS as a static admin panel
- GitHub as a content source
- GitHub API as an authentication provider

## My commitment

- System design and architecture of the app and its infrastructure
- UX
- Implementation of the application from the scratch

## Project phase

Production