This repository holds the code and posts for my personal web development blog.
Check out the website at hremonen.com.
Home Page: https://www.hremonen.com
License: GNU General Public License v3.0
This repository holds the code and posts for my personal web development blog.
Check out the website at hremonen.com.
Now the code blocks are not highlighted in any way.
I found out this package which would probably be good: https://rehype-pretty.pages.dev/ https://github.com/rehype-pretty/rehype-pretty-code
The search should filter out posts -- I need to implement good matching algorithm for this one though.
Similar as there is in the post footer currently
We want to deploy our application on GitHub releases to Vercel. Also each push to master should create a new staging release to the staging environment in Vercel
Create somekind of About page to introduce myself
Let's do a few things to optimize the image user experience.
Make the image placeholder automatic and blurred -- for this we have to somehow create a blurred base64 encoded image that is super small to be served as the placeholder image while loading the actual image. SEE: https://nextjs.org/docs/app/api-reference/components/image#blurdataurl
Update: We can use something like https://github.com/cloudinary/js-url-builder to programmatically build our Cloudinary URL and for the placeholder we can fetch the image using w_10,q_auto,f_auto,e_blur:1000
(adjust the width, but Next recommended something super small). Then we can base64 encode this url and serve the base64 encoded image URL on the blurDataURL attribute of Next Image component.
We wan't to serve correct sized images for users with different size screen. Also we are using cloudinary so we want to automate the Cloudinary image url using loaders. SEE: https://nextjs.org/docs/app/building-your-application/optimizing/images#loaders
The old posts must be transferred someway from WordPress to Markdown files.
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
Warning
These dependencies are deprecated:
Datasource | Name | Replacement PR? |
---|---|---|
npm | eslint-config-standard-with-typescript |
These updates are pending. To force PRs open, click the checkbox below.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@types/node
, @types/react
, eslint-config-next
, husky
, next
)@typescript-eslint/eslint-plugin
, typescript-eslint
).github/workflows/production.yaml
actions/checkout v4
actions/checkout v4
getsentry/action-release v1
.github/workflows/staging.yaml
actions/checkout v4
.github/workflows/static-analysis.yaml
actions/checkout v4
package.json
@sentry/nextjs ^8.25.0
@vercel/analytics ^1.2.2
@vercel/speed-insights ^1.0.12
classnames ^2.5.1
clsx ^2.1.1
date-fns ^3.3.1
geist ^1.3.1
gray-matter ^4.0.3
next 14.2.5
next-themes ^0.3.0
react ^18
react-dom ^18
rehype-autolink-headings ^7.1.0
rehype-pretty-code ^0.13.2
rehype-raw ^7.0.0
rehype-slug ^6.0.0
rehype-stringify ^10.0.0
remark ^15.0.1
remark-gfm ^4.0.0
remark-html ^16.0.1
remark-parse ^11.0.0
remark-rehype ^11.1.0
shiki ^1.12.1
unified ^11.0.4
@eslint/js ^9.6.0
@tailwindcss/typography ^0.5.13
@types/eslint__js ^8.42.3
@types/node ^20
@types/react ^18
@types/react-dom ^18
@typescript-eslint/eslint-plugin ^6.21.0
autoprefixer ^10.0.1
eslint ^8.57.0
eslint-config-airbnb ^19.0.4
eslint-config-airbnb-typescript ^17.1.0
eslint-config-next 14.2.5
eslint-config-prettier ^9.1.0
eslint-config-standard-with-typescript ^43.0.1
eslint-plugin-import ^2.29.1
eslint-plugin-n ^16.6.2
eslint-plugin-prettier ^5.1.3
eslint-plugin-promise ^6.1.1
eslint-plugin-react ^7.33.2
husky ^9.0.11
lint-staged ^15.2.2
postcss ^8
prettier ^3.2.5
prettier-plugin-tailwindcss ^0.6.0
tailwindcss ^3.3.0
typescript ^5.5.3
typescript-eslint ^7.15.0
MDX will allow for better blog experience as I can just code some React stuff and the users can interact with the code instead of just reading code blocks
We need to add new routes to the sitemap file also such as '/about', '/contact', '/posts' once the routes and pages are finished for these.
Now the sitemap.js file has invalid path for the blog posts
SEE documentation for the sitemap:
https://nextjs.org/docs/app/api-reference/file-conventions/metadata/sitemap
Back to top button that is sticky and will take the reader to the top of the page
The page.tsx in /app root is missing generateMetadata.
Also implement some OG shit
The single post page is now lacking alot of features I want to bring in. Currently it has some basic styles from the Tailwind typography plugin and basic functionality. However there is alot of things to implement.
#6ae255
fails contrast requirement of 3:1, this was conscious decision.The hero section should include something about the blogs content etc. H1 tag etc etc.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.