Open Source
new.danielzotti.it

My personal website <3

This is the new 2023 version built with NextJs 14 NextJs 15 and create-next-app.

Website preview

DISCLAIMER

The website itself (the NextJs code) is really basic, and I haven't spent too much time on that. I write code better than that, I swear! 😇

I also use this website for testing and trying new technologies (which can be found in the next chapter).

Please don't try to hack my website ❤️

The technologies I've used:

  • NextJs 15 (React 19) NextJs 14 NextJs 13.3 (with app folder)
  • Docker
  • GitLab CI
  • SSR
  • SSG
  • PWA (+ offline mode)

TL;DR

  • Local development (without docker) with "classic" NextJS CLI
    • npm run dev aka next dev
  • Local development: on every change to code, it refreshes
    • npm run docker:start:local

Steps to create & run the project

  • nvm use: it uses the version written in .nvmrc file (v20.0.0)
  • npx create-next-app@latest
  • npm install (see package.json for dependencies)
  • npm run dev
  • Open http://localhost:3001

Roadmap

  • Home page
    • Introduction
    • Social links
    • CV download
  • Sections
    • Blog
    • Projects
    • Selected open source repo from GitHub
  • Font Awesome Icons
  • PWA (only if the user install the PWA)
  • 404 page (workaround using pages folder since app folder doesn't support it yet)
  • Cookie manager
  • Google Analytics
  • CSS variables instead of SCSS
  • Theme dark/light
  • Syntax Highlight for code
  • Sort articles by date ASC
  • Offline status (with desaturated colors and images)
  • Improve accessibility
  • Transparent navbar on top in Home Page
  • Improve Open source section with preview in teasers
  • Filter articles by category
  • New UI graphic

Thanks to

Dependencies

Blog articles

04 May 2023

Homepage

GitHub

My personal website (version 2023) with curriculum, skills, portfolio and blog. Developed in NextJS 14, PWA and SSG + Docker + GitLab CI

 blog, gitlab-ci, nextjs, pwa, react, scss, ssg, ssr, typescript, website