Skip to content

stefroussos/stro.co

Repository files navigation

Stro Portfolio

This project was build using NextJS with Typescript.

NextJS

  • Install: npm install
  • Run: npm run dev
  • Build: npm run build
  • Deploy: Push to main (since the Vercel handles the CI/CD)

Performance

pagespeed insights desktop pagespeed insights mobile

Guide

  1. Add a new project to content/projects/PROJECT_NAME.ts
  2. Create a new content object and type check it using the ProjectModel
  3. Create a hero image (2560 * 1240)
  4. Compress the project images on TinyJPG or Image Compressor
  5. Add the images to public/images/PROJECT_NAME/

Todos

  • Full implementation of next/image
  • Add Tests
  • CMS (on Prismic or similar provider)