Cloning the Starter Repository

Cloning the Starter Repository


Cloning the Starter Repository

Blog Post: https://www.prisma.io/blog/fullstack-
Code: https://github.com/m-abdelwahab/aweso

------------------------
Next:
👉 Check the previous video: Course Prerequisites:    • Course Prerequisites  
👉 Check the next video: Setting Up Prisma in Our Project:    • Setting Up Prisma in Our Project  

------------------------
📚 Resources:

✅ Subscribe to Prisma:    / @prismadata  
✅ Get help from the Prisma Community: https://slack.prisma.io/
✅ Learn more about Prisma:
◭ Website: https://www.prisma.io
◭ Docs: https://www.prisma.io/docs
◭ Quickstart: https://pris.ly/qstart

------------------------
💬 Connect with Prisma:
Twitter: https://twitter.com/prisma
Instagram: https://www.instagram.com/prisma.io/
TikTok: https://www.tiktok.com/@prismadata
Facebook: https://www.facebook.com/prisma.io
LinkedIn: https://www.linkedin.com/company/pris

------------------------
Prisma sponsors human-reviewed, professional closed captions for ANY video valuable to our community (for example, about: Node.js, TypeScript \u0026 Type Safety, Prisma, databases, etc). Get your FREE captions here: https://pris.ly/closedcaptions


Content

0.08 -> what we want to do is actually get the
1.599 -> code for the part one branch
3.439 -> so to do that let's copy the
6.48 -> repos url and inside the terminal
10.24 -> i want to go to my desktop
13.28 -> and i want to run git clone dashb
17.039 -> part 1 is the name of the branch and
19.68 -> then paste
20.4 -> the url so now
24.48 -> we have a new directory called awesome
26.8 -> links so
27.84 -> let's cd into awesome links
31.279 -> and we will see that we are in the part
34.64 -> 1 branch
35.68 -> so let's open it inside vs code you can
38.719 -> either
39.44 -> drag and drop the folder to
42.96 -> like over vs code to open it or run
46.079 -> code dot so now we have
50.16 -> the code let's see what we have
53.76 -> inside the package.json file we can see
55.84 -> the following dependencies so we have
57.52 -> next js
58.719 -> we also have react and react dom and for
61.92 -> the development dependencies we have
64.32 -> two t1 plugins uh one that for styling
67.36 -> forms
68.08 -> and one for like typography which makes
70.64 -> it easier to
72.72 -> style like paragraphs and texts and html
76.24 -> in general
77.2 -> and then we have uh types for node react
80.479 -> we also have auto prefix replace css and
82.64 -> tailwind
83.52 -> that's just because in this project
85.36 -> we're using taylor css
87.04 -> and then finally we have typescript so
90.4 -> to install the dependencies we need to
92.24 -> run npm
94.88 -> install
99.68 -> and what we want to do is to run npm run
102.96 -> dev
109.68 -> and we should be able to go to localhost
111.92 -> 3000
113.52 -> and see what the project is all about
116.719 -> so this is what we get these are four
118.88 -> links
119.759 -> uh these links are not fetched it's just
122.88 -> an array that we're looping over
124.799 -> so we have this static data inside the
128.08 -> data folder we have a links file
131.12 -> which is just an array of objects where
133.84 -> each object
134.64 -> is a link and then inside the pages
138 -> directory
139.44 -> we have the index page which is
141.68 -> localhost 3000
143.44 -> uh what we're doing is we're importing
145.68 -> this data
146.64 -> and we're looping over it to display it
149.12 -> and for these styles we're just
151.2 -> setting up tailwind and then finally in
153.599 -> the underscore app
155.2 -> this is like the global app component
157.36 -> we're just wrapping it
158.64 -> in our layout which contains the header
162.64 -> and then we have a dot env.example file
165.92 -> so we should rename this to env
170.8 -> and we will see that we have a database
173.12 -> url
174.16 -> which will change to an actual database
177.12 -> when using prisma
178.8 -> but other than that we're just
180 -> configuring css and also tailwind
183.2 -> and then finally there's also
184.92 -> atsconfig.json file
186.48 -> so that's it this is a look at
190.08 -> the part 1 starter branch
193.68 -> and yeah

Source: https://www.youtube.com/watch?v=4cpqSOQKSo8