Skip to content

README.md

Latest commit

 

History

History
84 lines (65 loc) · 3.01 KB

README.md

File metadata and controls

84 lines (65 loc) · 3.01 KB

My personal website <3

This is the new 2023 version built with NextJs 14 NextJs 16 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 16 (React 19) NextJs 15 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:3087

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