Ckomop0x.me Blog Website

This personal blog website is built using Next.js, Strapi, TypeScript, GraphQL, and Tailwind CSS. It includes optimizations for performance, type safety, and automated deployments.

🌐 Live: https://ckomop0x.me

---

Overview

Backend

• CMS: Strapi 5+ (headless CMS)
• Data Layer: GraphQL for API interactions

Frontend

• Framework: Next.js 14+ with Apollo Client
• Type Safety: Automatically generated TypeScript types from GraphQL schemas and queries during deployment
• Styling: Tailwind CSS 4+

CI/CD

• Automation: GitHub Actions
• Deployment: Netlify and Vercel
  • Production deployment restricted to main branch only
  • Merge requests require passing automated tests and successful builds

---

Technologies

• Next.js (Frontend)
• Strapi 5+ (Headless CMS)
• Apollo Client (GraphQL queries)
• TypeScript 5+ (Schema-based automated type generation)
• Tailwind CSS 4+ (Styling)
• Prettier & Husky (Code formatting and Git hooks)
• ESLint (Code linting)
• Vitest (Unit and integration testing)

---

Getting Started

Install dependencies

npm install

Run development server

npm run dev

Run tests

npm run test

Build and run for production

npm run build
npm run start

---

Author

👤 Pavel Klochkov ([email protected])

• 🌐 Blog & Poetry: ckomop0x.me
• 🐦 Twitter: @ckomop0x
• 💻 GitHub: ckomop0x
• 🔗 LinkedIn: ckomop0x

---

Support

⭐️ Star this repository if you find it helpful!

---

📝 License

© 2025 Pavel Klochkov. Licensed under the MIT License.