Project references in TypeScript are an amazing feature for building complex TypeScript projects. They enable dividing a large project into smaller, indepedent modules and thereby improving code organisation as well as compile times; since it is easier for TypeScript to identify which parts of the project need to be recompiled when there are changes. Yarn … Continue reading TypeScript Monorepo with Yarn and Project References
Tag: JavaScript
Next.js 11 Images with Static Export
Next.js 11 includes an exciting new feature for dynamically optimising images using the <Image> tag. Unfortunately, this new feature does not play nicely with exporting a static version of the Next.js app using yarn next export by its very design. This is not great for serverless deployments, which often will rely on uploading the static … Continue reading Next.js 11 Images with Static Export
Optimse Next.js SEO
Next.js is an awesome framework for building websites and web applications. I have covered Next.js in multiple posts on this blog, such as Next.js with Bootstrap Getting Started. One of the advantages of Next.js is that it can generate static or server-side rendered versions of pages developed with React. This is great for making it … Continue reading Optimse Next.js SEO
Deploy Next.js to AWS
Next.js is becoming ever more popular these days and rightfully so. It is an extremely powerful and well-made framework that provides some very useful abstractions for developing React applications. An easy way to deploy Next.js application is through using Vercel. However, it can also be useful to deploy Next.js application into other environments to simplify … Continue reading Deploy Next.js to AWS
Next.js with Bootstrap Getting Started
Next.js is an open-source framework for React that aspires to reduce the amount of boilerplate code required for developing React applications. Key features that Next.js provides out of the box are: Routing Code Splitting Server side rendering I recently developed a small example application with Next.js and came across some minor difficulties when trying to … Continue reading Next.js with Bootstrap Getting Started
Strapi 2020 Quick Review
I have recently reviewed KeystoneJS for a little project I am planning. I found it overall quite good but lacking in a few aspects, particularly in the way migrations are handled (or not handled). After some research, it seems that Strapi could be a possible alternative to KeystoneJS and so I decided to give this … Continue reading Strapi 2020 Quick Review
KeystoneJS 5 Quick Review
I have recently started on a little project to organise the quotes that I have collected in years of reading (see kindle-citation-extractor). I originally got my quotes into Airtable but I quickly hit the limit for the free tier. I figured that it would be great if I could develop a simple database with a … Continue reading KeystoneJS 5 Quick Review
Knex and Typescript Starter Project
SQL is a very expressive and powerful language. Unfortunately, it has often been difficult to interact with database using SQL from object-oriented languages due to a mismatch of the data structures in the database versus the structures in the application programming language. One common solution to this problem where Object-relational mapping frameworks, which often come … Continue reading Knex and Typescript Starter Project
Textures and Lighting with React and Three.js
In my previous three posts, I have developed a simple WebGL application using react-three-fiber and three.js. In this post, I am adding texture loading and proper lighting to the application. For reference, here the links to the previous versions of the app: Version 1: Just being able to drag a shape on the screen Version … Continue reading Textures and Lighting with React and Three.js
Camera Movement with Three.js
I have recently been working on small example application using three.js and react-three-fiber. In the first two iterations, I first developed a simple draggable shape floating in space and then supported multiple shapes that can be moved on a physical plane. In this post, I am going to be extending the example to support camera … Continue reading Camera Movement with Three.js
