Latest Articles
-
Create Custom Components in MUI
In this article we will create custom components in MUI (Material UI) using ReactJS and Storybook.
-
Build a Full-Stack web app with Next.js - Part 7 - Radix Components
In this article, we will continue building a full-stack web app with Next.js. We will be using Radix UI components to build our components in isolation using Storybook.
-
Build a Full-Stack web app with Next.js - Part 6 - Storybook
In this installment we create a Storybook for our project and start building out our Header component. I walk through some of the features of Storybook and how it can help you build your React components in isolation.
-
Build a Full-Stack web app with Next.js - Part 5 - GitHub Project
In this tutorial video we continue planning our full-stack web app with Next.js. We create a GitHub project and start adding tickets to the project. We also start building out the first components for the project.
-
Build a Full-Stack web app with Next.js - Part 4 - DB Design
In this video, we will be designing the database for our app. We will be using dbdiagram.io to design our database. We use DBML to define our tables and denote the relationships between them. Using the export option, we quickly create the tables in our ERD (Entity Relationship Diagram) on Supabase.
-
Build a Full-Stack web app with Next.js - Part 3 - Supabase
This is the third video tutorial on building a full-stack Next.js with Supabase. Andrew discusses how to display a list of courses on a webpage using data from a Supabase database. He explains how to use SQL queries to retrieve data from the database and display it on the webpage and also mentions using Superbase's table editor to edit the database and provides a brief overview of plans for future development.
-
More Articles…