Home
Blog
Podcast
Projects
Health
Recipes
About
Contact

Posts

Seeding Data and Creating Dashboard Components for Rails Directory (From Scratch) - Part 5

Seeding entities and setting up new components required for the authenticated user dashboard.

Management Dashboard for Rails Directory (From Scratch) - Part 4

Setting up the management dashboard to allow authenticated users to add listings.

Rails Directory (From Scratch) - Components & Landing Page - Part 3

In this episode we will setup View Components and build the landing page skeleton.

Rails Directory (From Scratch) - Part 2 - Authentication + Authorization

In this series I will build a new directory for a luxury accommodation website. We are going to use Rails + Hotwire + ViewComponents + Stimulus.

Luxury Accommodation Directory with Rails (From Scratch) - Part 1

In this series I will build a new directory for a luxury accommodation website. We are going to use Rails + Hotwire + ViewComponents + Stimulus.

Getting Started with Stimulus in Rails (The Basics)

In this video I will walk through how to use Stimulus in a Rails application. I talk about some of the differences in the mental model when you have come from a javascript framework like React.

Setup View Components in a Rails App

In this video I will walk through setting up View Components in a new Rails app and show you how to create custom components with variants so that you can build your own UI library.

Integrating Third Party APIs in Rails

In this video I will show you how I like to setup third party integrations in Rails applications so that it scales well.

Google OAuth2 with Omniauth in Rails

In this video I will show you how to setup OAuth2 login with Google using the omniauth gem in a Rails app.

Tamagui is dead. Long live One, a new React framework

In this episode we will take a look at the newest React framework on the block, One.js.

Using GitHub Actions to deploy Next.js & Rails API

In this episode I will show you how to setup CI/CD using GitHub Actions.

Endpoints for Multipart Uploads in Rails, Uppy & S3

In this episode I add multipart uploads in Clipflow, a Rails app, so that we can upload large video files to S3 efficiently.

File Uploads with UploadThing V7 in Next.js

In this video I will create a new Next.js app and integrate the new version (Version 7) of UploadThing to see if it really makes uploads better for developers.

How to Build an RSS Feed Parser with Next.js

In this episode I will add a RSS Feed Parser to my personal portfolio website built in Next.js with the Pages router.

Why Indie Devs Fail: The Truth About Execution

In this video I discuss why most indie developers ultimately fail when building businesses and how I almost fell in to the same trap.

Building a Dashboard with View Components in Rails

In this episode we will build a new dashboard screen in Clipflow and I walk you through how we are using ViewComponents in Rails.

Why soft deletes are EVIL and what to do instead

I react to an article by James Halsall and provide our experience in production with soft deletes and my opinion on how to work with them.

Reacting to the Evil Martians Gemfile

In this episode I review the current (2024) version of the Evil Martians Gemfile to see if there are any worth recommending for new Rails projects.

Building a CRUD App with Next.js & Rails API

We continue working on our repo we setup last time that contains a Rails app running in API mode as well as a Next.js app for the frontend.

Data Driven Decisions using A/B tests in Rails

In this episode we will setup the Split gem in our Rails app so that we can use A/B tests to help us make data driven decisions to determine which headline we should use on our landing page.

Background Jobs in Rails with SolidQueue

In this episode we will setup SolidQueue in our Rails app. So that we can use our database as a job queue for our background workers.

Fetch data from Rails API with Next.js

In this episode we will setup a repo that contains a Rails app running in API mode as well as a Next.js app for the frontend.

EASY Image Uploads in Rails with ActiveStorage

In this episode we will setup ActiveStorage in Rails so that we can upload project thumbnails.

Authorizing Rails Endpoints with Pundit

In this episode we will setup Pundit to add authorization to our controller endpoints in Rails.

Fix Sign Up with Tailwind & ViewComponents in Rails

In this episode we will work on styling the Sign Up screenin Rails using Tailwind and ViewComponents.

How to close modal after save in Rails (Turbo & Stimulus)

In this episode we will work on closing a modal after saving a form in Rails using Turbo & Stimulus.

How to Select App Feature Requests to Build

We have just received some great feedback from one of our users so I have decided to walk you through them

Modal Dark Mode and Form Field Components - Clipflow - Part 11

In this episode we will setup add support for dark mode to the sidebar modal component.

Introducing Clipflow Beta - Feature Walkthrough

We are proud to announce the official launch of the Clipflow Beta.

Adding Sidebar Modal Component - Clipflow - Part 10

In this episode we will setup a Sidebar Modal Component in Rails.

Setting up the Project Ideas Screen - Clipflow - Part 9

In this episode we setup the Project Ideas Screen.

Using Slugs to Filter Projects in Rails - Clipflow - Part 8

In this episode we will add slugs to the urls so that we can filter/scope records by organizations and channels.

Persisting Stream Mode Value in the Database - Clipflow - Part 7

In this episode we will store the stream mode value against the user in a jsonb options column in the database.

Toggle Stream Mode w/ Stimulus & Rails - Clipflow - Part 6

In this episode we will use Stimulus and Tailwind to create a component that allows the user to toggle "stream mode".

Full Stack Ruby on Rails Tutorial - Construction Project Management App

A walkthrough of the full stack rails tutorial for our construction manager app

Laying Out the Nav Bar - Clipflow - Part 4

In this episode we will setup the navigation bar for the Clipflow app using Tailwind for styling.

Setting up the Models - Clipflow - Part 3

In this episode we setup the initial models required for the YouTube project management app.

Building the Landing Page - Clipflow - Part 2

Join us as we kick off the Clipflow project by building the landing page.

Starting from Scratch Again? New project management app in 2024

Join us as we discuss our new project Clipflow.

Construction Manager - Part 13

In this video we will walk through deploying the app to production using Fly.io

Construction Manager - Part 12

In this video we will walk through the app and add small changes to make the app feel more polished while squashing some bugs.

Construction Manager - Part 11

In this video we will walk through uploading Quotes and Invoices to the Project using ActiveStorage.

Construction Manager - Part 10

In this video I will add the ability to comment on Project Items. This allows multiple users to discuss items and potential changes.

Construction Manager - Part 9

In this video I will add the ability to upload images to Project Items using ActiveStorage

Construction Manager - Part 8

In this video I will add the ability to edit Project Items and update the styling for the list screen page.

Construction Manager - Part 7

In this video I will setup the controllers and form required for creating project items.

Construction Manager - Part 6

In this video I will setup the controllers and views for the view project space screen.

Get a Kinde Management Token using Ruby on Rails

A snippet to show how to quickly grab a Kinde Management Token when using Rails

Construction Manager - Part 5

In this video I will setup the controllers and views for the view project screen.

Construction Manager - Part 3

In this video I will setup the basic app styling using an AI generated dashboard layout from v0.dev along with styles from tailwind css.

Construction Manager - Part 4

In this video I will create a new service object in Rails that handles the setup of new projects.

Construction Manager - Part 2

In this video I will setup authentication using the Authentication Zero gem as well as resource authorization using Pundit.

Construction Manager - Part 1

Setting up the Models - In this video I will walk through the problem and setup the models in Rails.

Securing Rails API with Kinde JWTs

In this video I walk through setting up services to decode JWT's in a Rails API.

Building a Custom Docker Image

In this video I will demonstrate how to create a custom docker image that can be used as a base image in our projects.

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

Initium Studio

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

2024 Greeff Consulting Pty Ltd