1
00:00:01,170 --> 00:00:04,050
‫So now that we know about Supabase,

2
00:00:04,050 --> 00:00:06,330
‫let's set up a new account

3
00:00:06,330 --> 00:00:09,603
‫and then create our very first database.

4
00:00:11,130 --> 00:00:16,130
‫So let's open up supabase.com,

5
00:00:16,530 --> 00:00:19,560
‫and then here you see that their headline

6
00:00:19,560 --> 00:00:22,920
‫is "Build in a weekend, scale to millions."

7
00:00:22,920 --> 00:00:26,370
‫So basically what this means is that you can very easily

8
00:00:26,370 --> 00:00:30,450
‫get up and running, but scale this basically to infinite.

9
00:00:30,450 --> 00:00:34,650
‫So to whatever number of users that you need to maintain.

10
00:00:34,650 --> 00:00:38,460
‫They also tell us that Supabase is an alternative

11
00:00:38,460 --> 00:00:42,990
‫to Firebase, which is a similar Google product.

12
00:00:42,990 --> 00:00:46,800
‫However, I really, really like Supabase a lot more.

13
00:00:46,800 --> 00:00:48,990
‫So it's a lot easier to use

14
00:00:48,990 --> 00:00:53,100
‫and also to interact with using the API.

15
00:00:53,100 --> 00:00:57,180
‫Now, before we create our new account, let's just come here

16
00:00:57,180 --> 00:00:59,880
‫to the pricing page where we can see

17
00:00:59,880 --> 00:01:04,770
‫that we can create up to two projects completely for free.

18
00:01:04,770 --> 00:01:08,820
‫You just get these lower limits here in terms of bandwidth

19
00:01:08,820 --> 00:01:11,640
‫and so, but that's of course no problem

20
00:01:11,640 --> 00:01:13,710
‫if you're just getting started.

21
00:01:13,710 --> 00:01:16,380
‫The only small limitation is that

22
00:01:16,380 --> 00:01:19,590
‫if you stop using your project for one week,

23
00:01:19,590 --> 00:01:21,990
‫then they will pause your project.

24
00:01:21,990 --> 00:01:24,090
‫But even that is no problem

25
00:01:24,090 --> 00:01:27,900
‫because you can just easily reactivate the project

26
00:01:27,900 --> 00:01:30,630
‫and all the data will still be there.

27
00:01:30,630 --> 00:01:32,310
‫So that just takes a minute

28
00:01:32,310 --> 00:01:34,833
‫and then you are back and up and running.

29
00:01:36,030 --> 00:01:37,800
‫So with that being said,

30
00:01:37,800 --> 00:01:41,910
‫let's start our very first project basically

31
00:01:41,910 --> 00:01:46,440
‫by signing up for a new free Supabase account.

32
00:01:46,440 --> 00:01:48,330
‫So if you have a GitHub account

33
00:01:48,330 --> 00:01:51,150
‫then I suggest you just use that here

34
00:01:51,150 --> 00:01:55,290
‫or you can click here to sign up for a new account here.

35
00:01:55,290 --> 00:01:56,520
‫So please do that

36
00:01:56,520 --> 00:01:59,853
‫and I'll meet you back here once you are signed up.

37
00:02:01,320 --> 00:02:04,890
‫So this is what the Supabase dashboard looks like

38
00:02:04,890 --> 00:02:07,380
‫at least at the time of recording.

39
00:02:07,380 --> 00:02:09,540
‫So if you're watching this in the far future

40
00:02:09,540 --> 00:02:13,350
‫then probably this now looks pretty different.

41
00:02:13,350 --> 00:02:16,740
‫Also, while you were signing up, Supabase probably

42
00:02:16,740 --> 00:02:20,070
‫asked you to create a new organization.

43
00:02:20,070 --> 00:02:21,900
‫So if you didn't do that yet,

44
00:02:21,900 --> 00:02:24,420
‫then please go ahead and do this.

45
00:02:24,420 --> 00:02:26,647
‫So mine, for example, is just called here

46
00:02:26,647 --> 00:02:29,310
‫"Jonasschmedtmann's Organization."

47
00:02:29,310 --> 00:02:31,380
‫So you can just create your own.

48
00:02:31,380 --> 00:02:35,040
‫And then once you're done, we can finally click here

49
00:02:35,040 --> 00:02:40,040
‫on this button to create a new project in this organization.

50
00:02:40,170 --> 00:02:43,710
‫And again, if your Supabase looks a bit different

51
00:02:43,710 --> 00:02:46,683
‫then just try to find that button somewhere.

52
00:02:47,820 --> 00:02:52,290
‫All right, so let's then create the project name.

53
00:02:52,290 --> 00:02:57,290
‫So that's gonna be The Wild Oasis.

54
00:02:57,480 --> 00:03:01,110
‫And then here you need a password for your database.

55
00:03:01,110 --> 00:03:04,230
‫So I would advise you to just generate

56
00:03:04,230 --> 00:03:05,703
‫this here automatically.

57
00:03:06,600 --> 00:03:08,310
‫And then once you have that,

58
00:03:08,310 --> 00:03:10,920
‫make sure that it is very secure.

59
00:03:10,920 --> 00:03:12,540
‫So when this bar is green,

60
00:03:12,540 --> 00:03:16,800
‫and then please copy this and paste it somewhere secure.

61
00:03:16,800 --> 00:03:19,290
‫So not anywhere in your code base,

62
00:03:19,290 --> 00:03:23,130
‫but really completely outside of VS code.

63
00:03:23,130 --> 00:03:25,680
‫And we will actually not need this password

64
00:03:25,680 --> 00:03:27,330
‫to build our application,

65
00:03:27,330 --> 00:03:31,053
‫but it's still a good idea to store this somewhere safe.

66
00:03:31,890 --> 00:03:36,180
‫Then next, you can just choose the region that's closest

67
00:03:36,180 --> 00:03:39,000
‫to where all your users will be.

68
00:03:39,000 --> 00:03:40,650
‫So in case you don't know,

69
00:03:40,650 --> 00:03:43,770
‫just use the one that's closest to you.

70
00:03:43,770 --> 00:03:45,990
‫So for me, that's probably this one.

71
00:03:45,990 --> 00:03:47,040
‫And then of course,

72
00:03:47,040 --> 00:03:50,880
‫for now you will want to select the free plan.

73
00:03:50,880 --> 00:03:54,750
‫And so then this will start creating your new project

74
00:03:54,750 --> 00:03:56,733
‫and also your new database.

75
00:03:57,750 --> 00:03:59,520
‫And here we are.

76
00:03:59,520 --> 00:04:01,590
‫So it's setting up our project now,

77
00:04:01,590 --> 00:04:04,083
‫but we already have this URL.

78
00:04:05,220 --> 00:04:08,370
‫And yeah, we have links

79
00:04:08,370 --> 00:04:12,330
‫to the JavaScript client documentation, and we can also

80
00:04:12,330 --> 00:04:15,243
‫already start exploring this a little bit here.

81
00:04:16,200 --> 00:04:18,090
‫So one of the most important parts

82
00:04:18,090 --> 00:04:22,230
‫is going to be the table editor, which, well,

83
00:04:22,230 --> 00:04:25,560
‫actually it doesn't work while the project is setting up,

84
00:04:25,560 --> 00:04:27,930
‫so let's just wait for it.

85
00:04:27,930 --> 00:04:30,090
‫Great, so now it's finished.

86
00:04:30,090 --> 00:04:33,330
‫And so let's explore this a little bit.

87
00:04:33,330 --> 00:04:35,160
‫So one of the most important parts

88
00:04:35,160 --> 00:04:37,080
‫is going to be the table editor,

89
00:04:37,080 --> 00:04:41,880
‫which is where we create new tables and can add new data.

90
00:04:41,880 --> 00:04:44,640
‫We also have here the authentication part.

91
00:04:44,640 --> 00:04:47,520
‫We have storage where we can upload some files

92
00:04:47,520 --> 00:04:50,310
‫such as PDFs or images.

93
00:04:50,310 --> 00:04:54,150
‫We have here also the API docs

94
00:04:54,150 --> 00:04:57,540
‫which is going to be really handy as you will see.

95
00:04:57,540 --> 00:05:00,993
‫And then we can also configure some project settings.

96
00:05:02,070 --> 00:05:05,820
‫But most of the time we will actually spend right here

97
00:05:05,820 --> 00:05:07,500
‫in the table editor.

98
00:05:07,500 --> 00:05:12,500
‫So creating new tables and maybe even add some data to them.

99
00:05:12,810 --> 00:05:16,920
‫Now, what tables do we actually need to create here?

100
00:05:16,920 --> 00:05:19,590
‫Well, let's find out in the next video

101
00:05:19,590 --> 00:05:21,480
‫where we are going to discuss

102
00:05:21,480 --> 00:05:24,423
‫how we should model our application state.