JonathanBytes.com source code 💾

This is a Next.js project bootstrapped with create-next-app.

TODO

• Dark mode
  • Make colors as CSS vars
  • Make a way to select the theme
    • Mobile
    • Desktop
  • Save selection on localStorage
  • Fix bug when first open show UI before loading colors (defer or category='beforeInteract' doesn't work)
  • 404 page image
• Fix codeblocks changing wrong colors when switching themes
• Fix bad colors on footer
• OpenGraph protocol for the entire web (landing, projects, gallery, blog and posts)
• Migrate all CSS to Tailwind
• Rework landing page, add latest post overview, latest project overview, etc...
• Sitemap
• Scroll to top Arrow
• Comments section on blog posts (maybe using Disqus)
• Noise/Paper texture background
• Contact page
• Projects page
• Gallery page
• Refine the profile pic
• Posts table of contents (TOC)
  • Implement it
  • Style it
• Dynamic metadata for blog posts
• Switch code blocks color scheme
• Search bar for blog post (DocSearch x Algolia)
  • Implement it
  • Style it
• Readtime for blog posts

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

This project uses next/font to automatically optimize and load Yeseva One, Montserrat and IBM Plex Mono, custom Google Fonts.