AI developer course. Check the roadmap here: https://www.speedbuildmarketplace.com/roadmap
In this free course I teach you how you can become an AI marketplace developer fast. After watching the 3 hour course you will know how to build your online marketplace yourself for $0.
Once you have completed the course there is no need for you to pay for no-code tools anymore. No-code tools are expensive and they are not that customizable. Instead, as I am teaching you in this video, it is much better to build your own online marketplace which will make you much more flexible in terms of features and it will also cost you wayyyy less money.
The tools I will be teaching you about in the course is first basic HTML, CSS and JavaScript. Then we go on to React, Next.js, TailwindCSS and DaisyUI. And on the backend I will teach you how to write API endpoints in Next.js and how to set up MongoDB for database. I will also teach you about security, as well as advanced topics for Next.js, JavaScript and TailwindCSS. Last but not least, I will go through everything you need to know about using AI for coding, which will 100x you coding skills. I am using Cursor for coding, but I will also show you the Windsurf Editor as well as Visual Studio Code.
If you find the free course interesting and you would like to learn more, then you can access the full course here: https://www.speedbuildmarketplace.com/become-an-ai-marketplace-developer
The full course has 10+ hours of video material, as well as extra material, slides and code examples. And you will also get access to the Marketplace Developer Discord channel, where we are discussing marketplace building as well as helping each other out.
Timestamps:
00:00:00 - Intro
00:01:00 - Become an AI Marketplace Developer roadmap
00:02:27 - How the internet works
00:03:45 - Always use ChatGPT if you are unsure
00:04:37 - How the Developer Console works in Google Chrome
00:06:21 - Installing a code editor. Cursor, Windsurf and Visual Studio Code
00:07:25 - Making our first webpage using AI
00:09:48 - Explaining what attributes are
00:10:24 - Sharing our newly made webpage via email
00:11:18 - Picking a tech stack. Next.js, TailwindCSS, DaisyUI, MongoDB, Clerk auth, Stripe Connect, Sendgrid, Google Analytics
00:14:02 - How the terminal works
00:15:22 - Explaining what Node.js is and what the V8 Engine is
00:16:31 - Explaining what Node.js is
00:17:10 - Explaining what Next.js is
00:18:27 - What is Github - explanation
00:19:06 - How to setup an Github account
00:19:53 - How to create your first repository on Github
00:22:11 - How to install Next.js
00:23:55 - Explanation of what the most important files are after Next.js installation
00:24:45 - What is the .gitignore file - explanation
00:25:47 - How the different Github commands work - pull, push, commit, add
00:26:42 - Pushing the first changes to Github
00:28:03 - What is the package manager - explanation
00:28:53 - What is the package.json file - explanation
00:29:20 - Installing a first package. Installing react-datepicker
00:32:31 - "npm install", "npm run" and "npm update" explanation again
00:33:28 - ESLint - explaining what a linter is
00:34:18 - What is git and version control
00:36:05 - How to install git
00:37:39 - How to commit changes
00:41:03 - Always use Cursor chat to ask if you are unsure about what something is - example
00:42:00 - Intro to React, Next.js and TailwindCSS
00:44:23 - React introduction
00:44:58 - What is a component in React
00:47:55 - What is props in React
00:48:59 - Server and Client components in React
00:50:36 - useEffect, useState and onClick explanation of what these hooks are
00:54:32 - what are children in React and Next.js
00:55:49 - The ternary operator explanation
00:56:30 - Template strings
00:57:14 - Next.js introduction - how it works in the background for pages
00:58:03 - page.js - how it works in Next.js
00:59:31 - Layout.js - how it works in Next.js
01:00:18 - Link and image in Next.js - explanation
01:01:10 - TailwindCSS explanation
01:02:07 - Installing the Tailwind CSS IntelliSense
01:05:28 - DaisyUI what it is
01:06:43 - Deploying your first webpage
01:07:27 - What is Vercel
01:07:59 - How to setup a Vercel account and how to import your Git repository
01:09:47 - How pushing and hosting on Vercel works
01:10:15 - npm run build and npm run start - explanation of how they work
01:12:32 - Buying a domain name on one.com
01:15:04 - Setting up DNS records for Vercel
01:18:09 - How hosting works
01:18:42 - Subdomains and the different types of DNS records (a record, CNAME, MX record and TXT Record) explained
01:20:01 - How SSL works
01:21:32 - API endpoints
01:43:20 - Setting up MongoDB
02:03:12 - Setting up authentication using Clerk auth
02:28:31 - Setting up SendGrid
02:36:47 - Stripe and Stripe Connect walkthrough
02:58:26 - Security
03:04:35 - metaData, Skeleton, Loading and Dynamic routes in Next.js
03:13:38 - AI nice-to-knows and shortcuts in Cursor
03:21:48 - Outro