WEBVTT 00:00:00.000 --> 00:00:02.819 In 2026, the technical barrier between a great 00:00:02.819 --> 00:00:06.660 idea and a live URL has shrunk to zero. We are 00:00:06.660 --> 00:00:08.939 talking about a professional, secure website 00:00:08.939 --> 00:00:11.900 built in 15 minutes for less than the cost of 00:00:11.900 --> 00:00:14.339 a coffee. It is the absolute end of the builder 00:00:14.339 --> 00:00:17.300 era, and honestly, it is about time. Welcome 00:00:17.300 --> 00:00:19.760 back to the Deep Dive. Today, I want to slow 00:00:19.760 --> 00:00:22.539 down a bit. I want to look at a fundamental shift 00:00:22.539 --> 00:00:25.320 in how we build the internet. For years, the 00:00:25.320 --> 00:00:28.730 web has been... uh bifurcated you really only 00:00:28.730 --> 00:00:31.469 had two choices you either pay thousands for 00:00:31.469 --> 00:00:34.270 developer or you rent a site from a builder like 00:00:34.270 --> 00:00:36.810 Wix or Squarespace, you are a master of code 00:00:36.810 --> 00:00:39.189 or a tenant in a building. Yeah, you are just 00:00:39.189 --> 00:00:41.469 a tenant. Yeah. And being a tenant is fine until 00:00:41.469 --> 00:00:43.689 the landlord raises the rent or, you know, shuts 00:00:43.689 --> 00:00:46.009 down the building entirely. Exactly. So today 00:00:46.009 --> 00:00:48.710 we are unpacking a guide that shatters that duality. 00:00:48.810 --> 00:00:52.189 We are looking at a 2026 guide by Max Ann. It 00:00:52.189 --> 00:00:54.390 is called Build a Website with Google Gemini 00:00:54.390 --> 00:00:56.390 3 Pro. This is a really fascinating document. 00:00:56.490 --> 00:00:58.609 It is not just a tutorial. We are going to explore 00:00:58.609 --> 00:01:00.590 this three -prompt framework the author lays 00:01:00.590 --> 00:01:04.150 out. Right. We need to understand the why. That 00:01:04.150 --> 00:01:06.750 philosophy of ownership versus renting. Then 00:01:06.750 --> 00:01:09.329 we will get into the how. The discovery interview, 00:01:09.650 --> 00:01:12.209 the blueprint, and the actual code generation. 00:01:12.590 --> 00:01:15.290 And finally, the launch. How you get this on 00:01:15.290 --> 00:01:18.469 the internet for literally 10 E's. Using plain 00:01:18.469 --> 00:01:21.829 HTML5. Let us start with the philosophy. The 00:01:21.829 --> 00:01:24.230 current state of web building. There is a trap 00:01:24.230 --> 00:01:27.170 in renting your digital presence. It is the sharecropper 00:01:27.170 --> 00:01:29.409 problem. When you build on a platform, you are 00:01:29.409 --> 00:01:31.659 building on land you do not own. If they double 00:01:31.659 --> 00:01:34.439 their fees, you are stuck. You cannot export 00:01:34.439 --> 00:01:36.519 a Wix site and run it on your own server. And 00:01:36.519 --> 00:01:38.980 the alternative proposed here is creating pure 00:01:38.980 --> 00:01:42.340 HTML5 files. It is totally spaghetti code -free 00:01:42.340 --> 00:01:44.200 engineering. Yeah, exactly. You strip away the 00:01:44.200 --> 00:01:46.159 databases and the plugins. And the speed is a 00:01:46.159 --> 00:01:48.819 huge factor. It is night and day. HTML5 sites 00:01:48.819 --> 00:01:51.579 load in under one second. That speed is crucial 00:01:51.579 --> 00:01:55.469 for 2026 SEO. Google loves fast sites. Plus there 00:01:55.469 --> 00:01:57.450 is a security aspect. Right. Think of a WordPress 00:01:57.450 --> 00:02:00.049 site like a house with 50 windows. Every plug 00:02:00.049 --> 00:02:02.409 -in is another window. A pure HTML site is a 00:02:02.409 --> 00:02:04.670 solid block of concrete. There is no database 00:02:04.670 --> 00:02:07.030 or plug -in layer to hack. It is essentially 00:02:07.030 --> 00:02:11.419 unhackable. And the cost is incredibly low. Hosting 00:02:11.419 --> 00:02:14.259 these static files costs around $2 to $4 a month. 00:02:14.500 --> 00:02:17.400 They specifically use Hostinger as the example 00:02:17.400 --> 00:02:20.300 provider. Which is basically nothing. Beat. So 00:02:20.300 --> 00:02:22.819 if we strip away the databases and the plugins, 00:02:23.099 --> 00:02:25.819 what is the actual trade -off here? You lose 00:02:25.819 --> 00:02:28.219 dynamic complexity, but gain total ownership 00:02:28.219 --> 00:02:31.300 and speed. Let us move to the execution. Step 00:02:31.300 --> 00:02:35.099 one. The guide calls this the consultant interview, 00:02:35.360 --> 00:02:38.580 which uses PRAMPT1. This is where people usually 00:02:38.580 --> 00:02:40.419 mess up with AI. They just tell it to build a 00:02:40.419 --> 00:02:42.639 house without a blueprint. Prompt 1 switches 00:02:42.639 --> 00:02:45.000 Gemini from a search engine into a consultant. 00:02:45.240 --> 00:02:47.759 And you must use Google Gemini 3 Pro. Because 00:02:47.759 --> 00:02:50.280 of the context window. Right. Which is the short 00:02:50.280 --> 00:02:53.400 -term memory capacity of the AI. Exactly. It 00:02:53.400 --> 00:02:55.219 can hold a massive amount of information. You 00:02:55.219 --> 00:02:57.819 need that for long code generation so it does 00:02:57.819 --> 00:03:00.099 not forget your color palette 20 minutes later. 00:03:00.479 --> 00:03:03.439 Gemini turns the tables and asks you seven specific 00:03:03.439 --> 00:03:07.020 discovery questions. These pull the DNA of your 00:03:07.020 --> 00:03:09.400 business. It asks for the primary purpose, like 00:03:09.400 --> 00:03:12.319 the conversion flow, and the service or product 00:03:12.319 --> 00:03:14.919 focus for the headline. It asks for the emotional 00:03:14.919 --> 00:03:18.319 tone. The guide says to base this on psychology, 00:03:18.520 --> 00:03:21.620 not personal taste. Then your top three unique 00:03:21.620 --> 00:03:23.520 selling propositions. Right, the differentiation. 00:03:24.020 --> 00:03:27.060 Then structure, single versus multi -page, the 00:03:27.060 --> 00:03:29.729 call to action. which they refer to as the cash 00:03:29.729 --> 00:03:32.409 register. And finally, your operating location 00:03:32.409 --> 00:03:36.009 for local SEO. If you do not tell the AI where 00:03:36.009 --> 00:03:38.409 the finish line is, the user just runs in circles. 00:03:38.569 --> 00:03:41.349 To sex silence. Why does the guide emphasize 00:03:41.349 --> 00:03:43.889 answering the emotional tone question based on 00:03:43.889 --> 00:03:46.629 psychology, not personal taste? Because tone 00:03:46.629 --> 00:03:49.569 dictates customer trust instantly, not just aesthetics. 00:03:49.889 --> 00:03:52.610 That brings us to step two, the blueprint. This 00:03:52.610 --> 00:03:55.009 is prompt two. You take those interview answers 00:03:55.009 --> 00:03:57.949 and create a site structure. But there is manual 00:03:57.949 --> 00:04:00.050 customization required here. You have to be the 00:04:00.050 --> 00:04:01.969 human in the loop. Right. You feed it the specific 00:04:01.969 --> 00:04:04.849 details, your phone number, your address, and 00:04:04.849 --> 00:04:08.129 the exact list of pages, like index .html and 00:04:08.129 --> 00:04:10.250 about .html. If you do not list them, they do 00:04:10.250 --> 00:04:12.210 not get built. Yeah. But we run into a problem 00:04:12.210 --> 00:04:15.669 here. Static HTML sites cannot process contact 00:04:15.669 --> 00:04:18.509 forms natively. It is a store with no way to 00:04:18.509 --> 00:04:20.350 take an order. That is a great way to put it. 00:04:20.649 --> 00:04:23.269 The guide solves this with a tool called Web3 00:04:23.269 --> 00:04:26.050 Forms. Walk us through that setup. It is a free 00:04:26.050 --> 00:04:28.560 service. It routes form submissions right to 00:04:28.560 --> 00:04:31.939 your email. You create an account, type localhost 00:04:31.939 --> 00:04:34.540 for the domain initially, and get an access key. 00:04:34.699 --> 00:04:37.360 And you just insert that access key into prompt 00:04:37.360 --> 00:04:40.199 three. Exactly. So the code generated includes 00:04:40.199 --> 00:04:43.139 a working form automatically. Beat, what happens 00:04:43.139 --> 00:04:45.920 technically if we forget to define the page list 00:04:45.920 --> 00:04:48.300 in prompt two? Gemini won't know how many distinct 00:04:48.300 --> 00:04:50.660 HTML files to generate. We have the blueprint. 00:04:50.779 --> 00:04:53.379 We have the access key. Now we hit step three, 00:04:53.459 --> 00:04:56.930 the generation phase. using prompt three this 00:04:56.930 --> 00:05:00.189 is the satisfying part whoa imagine the hours 00:05:00.189 --> 00:05:03.209 of manual coding vanishing into seconds you just 00:05:03.209 --> 00:05:05.550 watch the ai generate complete self -contained 00:05:05.550 --> 00:05:08.250 code blocks for every single page yeah styling 00:05:08.250 --> 00:05:11.269 mobile responsiveness navigation it all cascades 00:05:11.269 --> 00:05:13.610 down in real time taking about 30 to 90 seconds 00:05:13.610 --> 00:05:16.430 but then we shift gears back to manual labor 00:05:16.430 --> 00:05:18.569 a little bit you create a folder on your desktop 00:05:18.569 --> 00:05:21.189 let us name it my website then you copy the code 00:05:21.189 --> 00:05:25.050 blocks into notepad on windows Or text edit on 00:05:25.050 --> 00:05:27.870 a Mac. And this is a crucial step. You have to 00:05:27.870 --> 00:05:32.949 save it as all files. And name them index .html, 00:05:33.110 --> 00:05:37.410 not .txt. The .html is the magic spell. Exactly. 00:05:37.610 --> 00:05:39.810 Then do local testing. You open the file in a 00:05:39.810 --> 00:05:42.110 browser. It works completely offline. And for 00:05:42.110 --> 00:05:44.509 editing, you have two paths. You can ask Gemini 00:05:44.509 --> 00:05:47.470 to rewrite the code. Or because it is plain text, 00:05:47.689 --> 00:05:50.089 just open Notepad. You can change a price from 00:05:50.089 --> 00:05:52.930 $50 to $99 yourself. That's two sec silence. 00:05:53.730 --> 00:05:56.230 Why is the local test phase considered the quality 00:05:56.230 --> 00:05:58.769 check? It proves the code works before you pay 00:05:58.769 --> 00:06:00.730 for hosting. We are going to take a quick break. 00:06:00.769 --> 00:06:02.970 When we come back, we broadcast this to the world. 00:06:03.290 --> 00:06:06.350 Sponsor down. We are back. We have a folder on 00:06:06.350 --> 00:06:09.089 our desktop. It works great locally, but it is 00:06:09.089 --> 00:06:11.910 time to go live. This is the empty setup. The 00:06:11.910 --> 00:06:14.550 guide recommends Hostinger, specifically their 00:06:14.550 --> 00:06:17.589 premium plan on a 48 -month term. It acts as 00:06:17.589 --> 00:06:19.430 the cheapest option. Let us walk through the 00:06:19.430 --> 00:06:21.329 hosting or setup wizard because they will try 00:06:21.329 --> 00:06:23.430 to trick you here. Oh, absolutely. The critical 00:06:23.430 --> 00:06:26.350 choice is to select create a website. And then 00:06:26.350 --> 00:06:28.970 you must click empty PHP slash HTML website. 00:06:29.250 --> 00:06:31.410 The warning is clear. Do not select WordPress. 00:06:31.550 --> 00:06:34.850 That completely defeats the purpose. Right. From 00:06:34.850 --> 00:06:37.680 there, you access the file manager. You navigate 00:06:37.680 --> 00:06:40.259 to the public underscore HTML folder. I have 00:06:40.259 --> 00:06:42.639 to admit, I still get anxious about DNS propagation, 00:06:42.959 --> 00:06:45.839 that 24 -hour window where you just sit there 00:06:45.839 --> 00:06:48.259 refreshing the page, hoping it worked. Oh, yeah, 00:06:48.319 --> 00:06:51.420 the propagation panic. The guide mentions this 00:06:51.420 --> 00:06:54.100 delay is normal. But back in the file manager, 00:06:54.360 --> 00:06:58.180 you will see a default .php file that is hosting 00:06:58.180 --> 00:07:00.079 your placeholder. You have to delete it. Then 00:07:00.079 --> 00:07:02.120 for the deployment, you just drag and drop the 00:07:02.120 --> 00:07:04.980 HTML files from your desktop? Yep. Straight into 00:07:04.980 --> 00:07:07.160 the browser. You can create an images subfolder 00:07:07.160 --> 00:07:09.500 if you need to. Let us hit a few FAQs real quick. 00:07:09.699 --> 00:07:11.939 Can you have a blog with this setup? You can, 00:07:12.160 --> 00:07:14.959 but static blogs are really only for occasional 00:07:14.959 --> 00:07:17.500 updates. You have to manually ask Gemini for 00:07:17.500 --> 00:07:19.459 a new page every time. What about e -commerce? 00:07:19.800 --> 00:07:22.480 Only simple listings. If you need complex transactions, 00:07:22.860 --> 00:07:25.060 you need an external tool like Stripe. Beat. 00:07:25.519 --> 00:07:29.019 Why is deleting default .php the specific trigger 00:07:29.019 --> 00:07:32.139 mentioned for going live? Because that file overrides 00:07:32.139 --> 00:07:35.199 your new index .html until it is gone. Let us 00:07:35.199 --> 00:07:38.839 do a big idea recap. We have really moved from 00:07:38.839 --> 00:07:42.399 a world of waiting weeks for quotes to a world 00:07:42.399 --> 00:07:45.399 of direct ownership. The barrier to entry just 00:07:45.399 --> 00:07:49.639 hit zero. Three prompts. A text editor. A $2 00:07:49.639 --> 00:07:52.120 hosting plan. The result is a site you actually 00:07:52.120 --> 00:07:54.620 own. It loads instantly, and you can move it 00:07:54.620 --> 00:07:56.319 anywhere. To the listener, the internet does 00:07:56.319 --> 00:07:58.459 not care how long you planned. It cares if your 00:07:58.459 --> 00:08:01.160 site works. Pick one idea today. Answer the seven 00:08:01.160 --> 00:08:03.620 questions. Let Gemini build version one today. 00:08:03.800 --> 00:08:06.480 Build it today. Go live. It is amazing how this 00:08:06.480 --> 00:08:09.040 democratizes creation, but it leaves you with 00:08:09.040 --> 00:08:11.040 a final thought to chew on. If the technical 00:08:11.040 --> 00:08:13.079 barrier is completely gone, what becomes the 00:08:13.079 --> 00:08:15.180 new bottleneck? It seems the bottleneck shifts 00:08:15.180 --> 00:08:17.439 purely to the quality of your ideas. Thanks for 00:08:17.439 --> 00:08:17.680 listening.