WEBVTT

1
00:00:00.000 --> 00:00:05.960
Okay, so in this video, I want to show you how I would go about building a website.

2
00:00:05.960 --> 00:00:10.560
I haven't done this before, but I'm going to just start and I'm going to record a video

3
00:00:10.560 --> 00:00:13.640
and you can kind of just walk through it step by step.

4
00:00:13.640 --> 00:00:18.880
So we have an existing site here.

5
00:00:18.880 --> 00:00:21.160
I have not touched this in four years.

6
00:00:21.160 --> 00:00:28.280
So we had an awesome designer, Russell, go through and put this all together, just really

7
00:00:28.280 --> 00:00:34.240
like architectural design, blueprints, everything that we're doing.

8
00:00:34.240 --> 00:00:40.220
And so we had, let's just be embarrassed here real quick, December 15th, 2020.

9
00:00:40.220 --> 00:00:44.760
So we were five years since we posted our last thing, 2021.

10
00:00:44.760 --> 00:00:45.760
Wow.

11
00:00:45.760 --> 00:00:50.520
So, and those are a year apart, pretty sad.

12
00:00:50.520 --> 00:00:53.640
We have some testimonials, which are great.

13
00:00:53.640 --> 00:00:59.080
And that is, we kind of built this in WordPress, definitely want to get away from WordPress.

14
00:00:59.080 --> 00:01:03.480
Some of these projects are very old, we're a 14 year old business.

15
00:01:03.480 --> 00:01:06.880
And you know, that's a super old version of Tribe.

16
00:01:06.880 --> 00:01:13.760
I can see right now that that was like a proof of concept that we thought of doing one day,

17
00:01:13.760 --> 00:01:16.560
but it has evolved tremendously from that.

18
00:01:16.560 --> 00:01:18.400
So this is about four years old.

19
00:01:18.400 --> 00:01:23.600
But anyway, so we've got a few things, services, we linked to a few places.

20
00:01:24.560 --> 00:01:27.320
And overall, like I like the feel of it, I just don't like that it's in WordPress.

21
00:01:27.320 --> 00:01:33.240
And now that AI is important, I thought, let's just build the whole thing in Next.js, using

22
00:01:33.240 --> 00:01:36.360
cursor, using a template.

23
00:01:36.360 --> 00:01:43.800
So one thing that I found is we have a Tailwind UI, this is a thing we bought a while back,

24
00:01:43.800 --> 00:01:46.480
and it just has tons of components and templates.

25
00:01:46.480 --> 00:01:51.680
And the best thing I've seen work well for cursors to give them something that's working

26
00:01:51.680 --> 00:01:52.680
out of the box.

27
00:01:52.760 --> 00:01:56.360
So you could definitely start from a total scratch.

28
00:01:56.360 --> 00:02:00.920
But an agency is an agency, most of the stuff is going to be pretty much the same.

29
00:02:00.920 --> 00:02:04.640
And so I found this template, it looks kind of like this.

30
00:02:04.640 --> 00:02:07.080
And it's a we already had it, so I didn't have to buy it.

31
00:02:07.080 --> 00:02:10.560
And it is in Next.js, because I want to host this on Vercel.

32
00:02:10.560 --> 00:02:14.720
And yeah, it's kind of it's got a nice, like simple minimalist look.

33
00:02:14.720 --> 00:02:18.880
So I think if we just adjust some of the colors and things, it'll kind of all of a sudden

34
00:02:19.040 --> 00:02:24.400
look like our brand, like make that the pink, make that the, you know, the darker colors.

35
00:02:24.400 --> 00:02:25.400
And that's it.

36
00:02:25.400 --> 00:02:27.440
So I went ahead and downloaded this.

37
00:02:27.440 --> 00:02:30.880
And I have got cursor started here.

38
00:02:30.880 --> 00:02:35.320
Let me make sure I've got it to where you can see there.

39
00:02:35.320 --> 00:02:38.720
And yeah, so we're going to go and start what I all I did here.

40
00:02:38.720 --> 00:02:39.720
There's a readme.

41
00:02:39.720 --> 00:02:41.380
I don't have time to read the readme.

42
00:02:41.380 --> 00:02:44.600
So I said, Hey, use readme and help me set up this project.

43
00:02:44.600 --> 00:02:45.600
So it did that.

44
00:02:45.600 --> 00:02:48.760
It went through and set everything up for us.

45
00:02:49.640 --> 00:02:50.640
And we've got it here.

46
00:02:50.640 --> 00:02:53.680
So I've actually got it running now on my local machine here.

47
00:02:53.680 --> 00:02:57.560
So I will bring that in and out because I have shares.

48
00:02:57.560 --> 00:03:03.320
Let me move this up a bit so you can see the whole cursor.

49
00:03:03.320 --> 00:03:04.920
And let's jump into it.

50
00:03:04.920 --> 00:03:11.240
So the first thing I ever do when I start is work on instructions.

51
00:03:11.240 --> 00:03:12.240
So let's jump into that.