Internally my nextjs app uses a native node module built in Rust, and the awkward part is that my production uses a different processor architecture. I opted for the arm64 architecture. I can’t say much about it except it was recommended by aws, cheaper and more performant. My developing machine Read more…
Introduction I needed a custom solution for loading a native node module in my nextjs project. The module was published with neon-bindings, and none of the below solutions worked for me: It’s not an issue in any of the loaders, or nextjs framework, I just needed to create a custom Read more…
I want to share my thoughts on how difficult it was to build a simple Chrome extension without any prior knowledge of the Chrome extension ecosystem. I built a simple extension on top of React and Material UI that generates a web page summary. The summary contains the total number Read more…
Slugify is an url slug generator, and slug is a part of the URI between 2 slashes: Usually, slugs are made from alphanumeric characters and dash. I rarely see an underscore in URL, but not because it’s forbidden, just that most of us somehow agreed that [a-z0-9\-]+ is best to Read more…
I’m running Adsense on a few of my React websites, and they’re server side rendered with Next.js. Getting approved 1. SSR your app You’ll have issues with getting approved by Adsense team if you’re not server side rendering the app. I applied a few years ago, so I’m not sure Read more…
That’s right. I did this and forgot about it, and was wondering why my laptop freezes after running a single IntelliJ, Chrome with 20 open tabs, docker desktop with 4 running containers and maybe a single nodejs process. I thought it would be a good idea to minimize swap space Read more…
In this post I’ll explain a setup for one of my NextJS websites on elasticbeanstalk. You probably already know about what are NextJS, Nginx and elasticbeanstalk, so I’ll skip the introductory definitions. I have a hybrid NextJS website. Some content is Hint: If you just have a static nextjs app, Read more…
You do not need to enable static website hosting and unblock public access. Following this instruction, your S3 bucket is secure behind a Cloudfront distro. It’s not only for Next.js app, but I did document this following my own Next.js setup. Create Origin Certificates Origin certificates will be used for Read more…
By default every elastic beanstalk application has an associated S3 bucket for storing application versions, rotated logs (enable it) and temporary configuration. Multiple elastic beanstalks in a same region share the same S3 bucket. More on it in https://docs.aws.amazon.com/elasticbeanstalk/latest/dg/AWSHowTo.S3.html Push rotated logs to S3 To persist logs, you can configure Read more…
Content delivery network (CDN) is my recommended way of serving statics because of : 1. Separation of concerns Meat of the app is on the main example.com, assets are on a subdomain like cdn.example.com. 2. Cookie-less domain Asset domain remains cookie-less, e.g. cookie based authentication only bloats domain.com requests === Read more…