Home
Blog
Projects
Health
Recipes
About
Contact

Posts

Deploying a Rails App to AWS w/ Flightcontrol

In my quest to find the ultimate way to deploy Rails to the cloud I believe I have finally found the ideal tool!

Decoding Careers with Sam Yates

I was invited to join Sam Yates on his podcast Decoding Careers to discuss a range of topics in the Software/Tech space.

Canon Webcam Utility not working in OBS - MacOS 14 Sonoma

After upgrading to MacOS 14.1 OBS Studio would no longer detect my Canon EOS R5

Creating Entries in Contentful with the Management API

In this video I will walk through the steps required to create entries in Contentful using the Content Management API

Tamagui - Setting up Prisma

In this video I will talk through setting up Prisma in our new monorepo for MY4X4

Tamagui - Setting up tRPC

In this video I will talk through setting up tRPC in our new monorepo for MY4X4

Tamagui - Setting up Kinde Auth

In this video I will talk through setting up Kinde Auth in our new monorepo for MY4X4

Tamagui - The Best Stack for Universal Apps

In this video I will talk through the decisions that we have made to setup a new monorepo for MY4X4

Inserting Attachments into Posts with Slate.js

During this episode, we will insert attachments in to the post body using Slate.js.

Next.js Client Project from Figma Design

In this video we will setup a client project from a figma design using Next.js, Tailwind and Contentful.

Creating the Forum Index and View Pages

During this episode, we will setup the Forum index page (with filters) and the ability to view a Forum post. We will render the slate.js content out so that it is not editable.

Uploading Attachments to Posts with Uppy & Next.js

During this episode, we will implement attachment uploads using Uppy Dashboard in forum posts.

Debugging Errors in Production using Highlight.io

In this video we will setup Highlight.io. Highlight is a fullstack monitoring application that allows you to record user sessions and logs so that it is easier to track down bugs in production.

Storing Rich Text as JSONB with Prisma & Postgresql

The content for our WYSIWYG / Rich Text editor is json, we will need to store this data as json in the database so that it is easy to use moving forward.

Overriding Prisma Adapter for Next Auth

In this video I talk through overriding the createUser method in the Prisma adapter for NextAuth.js. This is required when you need to implement custom logic when a user creates an account/signs up.

Presigning & Securing S3 Requests with Next.js & Prisma

In this video I will show you how to presign S3 requests in a Next.js application so that you can allow users to securely upload files from your frontend application.

Extending & Refactoring Rich Text Editor for Maintainability in Next.js

During this episode, we refactor the WYSIWYG/Rich Text editor in our Next.js app using the Slate.js library.

Rich Text Editor in Next.js app with Slate.js

During this episode, we setup a WYSIWYG/Rich Text editor in our Next.js app using the Slate.js library.

Database Modelling with Kieryn + Erin

In this guest series video we talk through data modelling for a new app that is designed to securely share small pieces of information.

React Email: Template for Project Question Notifications in Next.js

During this episode, we create an email template for sending notifications when a user asks a question about a project using React Email.

Activity Timeline: Grouping Similar Items

During this episode, we work on grouping similar activity items that are created within a specified timeframe to clean up the feed.

Insider secrets: Double your chances of landing a dream junior engineer role

Are you ready to level up your career as a junior engineer? In this video, I share my perspective that will empower you to increase your chances of securing that dream role you've been longing for.

Setting up Prisma models in a Nextjs app for an Activity Feed

During this episode, we setup the Prisma models required to create an activity feed.

Adding Functionality Logic to Question and Answers

During this episode, we implement the logic for the questions and answers feature.

Building layout for questions and nested comments from a figma design

During this episode, we implement the layout for the questions and answers screen from a figma design.

Setting up the database models for posts & nested comments

During this episode, we setup the database models required for creating posts, related entities & comments.

Securing email unsubscribe links using a unique token

During this episode, we setup an API route to allow users to unsubscribe from email notifications.

Running CRON jobs to send weekly emails in Next.js with Inngest

During this episode, we setup a CRON job to schedule a weekly digest email for projects and another job to perform the generation of the email html and actual sending.

Setting up Email Templates using React Email

During this episode, we create an email template using React Email.

Add the ability to like projects using Prisma + tRPC with Next.js

During this episode, we add the ability to "like" a project on MY4X4 to increase user engagement.

Fixing SEO for Next.js with meta tags and canonical urls

During this episode, we focus on fixing SEO of the website by setting meta tags such as description, title and open graph tags.

Require user authentication and redirect to originally requested page

Using Next.js and NextAuth.js we redirect the user if they have no session and then return them back to the New Project page on successful login.

Filtering builds on MY4X4 by make and model (T3 Stack)

During this episode, we focus on adding the ability to browse builds by make and model on MY4X4.

Building a Portfolio with Next.js, Contentful & Chakra - Part 4/4

The final video in the 4 part series. In this one we deploy to Vercel and fix mobile styling.

Building a Portfolio with Next.js, Contentful & Chakra - Part 3/4

Part 3 of the 4 part series. In this video we add the YouTube ID to Contentful and setup the projects page.

Building a Portfolio with Next.js, Contentful & Chakra - Part 2/4

The 2nd video in the 4 part series. In this one I cover how to fetch data from Contentful using the GraphQL API.

Building a Portfolio with Next.js, Contentful & Chakra - Part 1/4

Part 1 of a 4 part series where I live code and show you how I built this website.

Upgrade Prisma for faster cold starts and changes to entity list sorting

Upgraded prisma client to improve cold start performance and added the ability to "touch" a project so that we can update the updated_at column.

Setting up CI/CD in Bitbucket Pipelines for a Rails API

A special livestream with special guest Sep! In this session, we'll be discussing and implementing the process of Setting up CI/CD in Bitbucket Pipelines for a Rails API.

Portfolio built using the open source project by

Ken Greeff

Create your own Next.js Portfolio with Contentful CMS by forking this repo onGitHub

2023 Greeff Consulting Pty Ltd