01
Portfolio · 2026
Koodimesta
Moderni Next.js ja Payload CMS:llä toteutettu kehittäjän portfolio, joka tarjoaa dynaamisen projektienhallinnan, turvallisen ylläpitokäyttöliittymän ja automatisoidun pilvijulkaisun.
Koodimesta on Next.js, Reactilla, TypeScriptillä ja Payload CMS:llä rakennettu full-stack-portfoliosovellus, jonka tarkoituksena on esitellä projekteja ja teknistä osaamista. Sovellus sisältää GitHub-tunnistautumista hyödyntävän ylläpitokäyttöliittymän, jonka avulla sisältöä voidaan hallita ilman koodimuutoksia.
Sovellus toimii Node.js 24 -ympäristössä ja on kontitettu Dockerilla. GitHub Actions automatisoi koodin laaduntarkistukset, testauksen ja julkaisut DigitalOceaniin. Caddy puolestaan huolehtii turvallisista HTTPS-yhteyksistä.
Teknologia
- Caddy
- DigitalOcean
- Docker
- Docker Compose
- GitHub Actions
- GitHub OAuth
- Next.js
- NextAuth.js
- React
- Turborepo
- TypeScript
- pnpm
- Tailwind CSS
- Storybook
- Zod
- Payload CMS
- Node.js
- React Testing Library
Kehitys- ja julkaisuputki
Kehityksessä hyödynnetään tekoälyavusteista työnkulkua, jossa erikoistuneet GitHub Copilot -agentit ja uudelleenkäytettävät taitomääritykset (skills) tukevat ohjelmistoarkkitehtuurin suunnittelua, toteutusta, käyttöliittymä- ja käyttäjäkokemussuunnittelua, saavutettavuutta, testausta sekä DevOps-toimintoja.
GitHub Actionsiin perustuva CI/CD-putki varmistaa koodin laadun lint-tarkistuksilla, tyyppitarkistuksilla, automatisoiduilla testeillä sekä tuotantokontin toimivuustesteillä (smoke tests). Päähaaraan yhdistetyt muutokset julkaistaan automaattisesti DigitalOceaniin, jossa Docker Compose vastaa sovelluksen konttien hallinnasta ja Caddy HTTPS-yhteyksistä.