This is the source code of my personal website JonathanBytes.com.
The website is built using Next.js and features a blog, projects, and a gallery section. The blog posts are written in Markdown and rendered using MDX, Rehype and Remark plugins. The blog also features a search bar powered by Algolia DocSearch.
Also, the website supports dark mode and colorthemes for the entire website including code blocks. (Gruvbox and Catppuccin dark and light) With the ability to save the preference as a cookie.
- Projects Page
- Scroll To Top Arrow
- Noise/Paper Texture Background
- Gallery Page
- Sitemap
- Rework Landing Page Add Latest Post Overview, Favorite and latest Project Overview, Etc...
- Sync The Mobile And Desktop ThemeSwitch
- Comments Section On Blog Posts (maybe Using Disqus)
- Contact Page
- OpenGraph Protocol For The Entire Web (landing, Projects, Gallery, Blog, And Posts)
- Migrate All CSS To Tailwind (Most of it)
- 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
- 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