Ckomop0x.me blog website

Personal blog website. It uses NextJS, Strapi, TypeScript, GraphQL and other technologies. It has many good optimisations under the hood.

https://ckomop0x.me

How it works

Backend

I use Strapi as a headless CMS and gather data via GraphQL.

Frontend

For the client, I use NextJS and Apollo. Each deployment gets the newest data via GraphqQL. TypeScript types are generated during deployment. They are based on schema and queries.

For automatization, I use GitHub actions and Netlify deploy. Strict policies allow deploying to prod only from master, and it's possible to push to master or merge PR only if tests are ✅ passing and everything is ok with build/deploy to Vercel.

Technologies

• NextJS (website)
• TypeScript with automated types for data generation;
• Styled Components
• Apollo GraphQL
• Prettier / Husky / Git-hooks
• Eslint
• Lazy load images
• Jest

Install

npm i

Usage

npm run dev

Run tests

npm run test

Author

👤 Pavel Klochkov, paul.klochkov@gmail.com

• Website: https://webtime.studio
• Twitter: https://twitter.com/ckomop0x
• Github: https://github.com/ckomop0x
• LinkedIn: https://linkedin.com/in/ckomop0x

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright ©2024 Pavel Klochkov, paul.klochkov@gmail.com.

This project is MIT licensed.