Building a Blog with Next.js - Next js tutorial for beginners (part 1) скачать в хорошем качестве

Building a Blog with Next.js - Next js tutorial for beginners (part 1)

In this Next.js tutorial we will build a blog. We will concentrate on the functionality of the blog and the basics of Next js. This Next.js tutorial is great for beginners. At the end of this tutorial you will have a working blog application. This video is first part of a series where we build a fully functioning blog with Next.js. ⚡ DatoCMS: https://www.datocms.com Next.js image component: https://github.com/tumetus/yt-nextjs-... Cooking with Tuomo blog repo: https://github.com/tumetus/cooking-wi... Learn Programming (Skillshare FREE trial): https://skl.sh/3cYxUP5 Prettier: https://prettier.io/docs/en/index.html My courses: React basics: https://skl.sh/2XAKn7u HTML & CSS for beginners: https://skl.sh/34wvGUH Draft.js basics: https://skl.sh/3cJ5Hw4 Connect with me: Website: https://tuomokankaanpaa.com My newsletter: https://tuomokankaanpaa.com/newsletter Twitter:   / tumee   Skillshare: https://www.skillshare.com/r/user/tume Timestamps 00:00 What this video is about 00:29 What the blog will look like 00:50 Create Next.js project 01:05 Install Prettier 02:10 Start work on the front page 03:33 Add basic styling 04:30 Use Next.js Head component 05:15 Create BlogPostPreview component 08:47 Add blog post data 10:11 Load & use blog post data in React 11:50 Modify BlogPostPreview component to use props data 13:28 Replace img element with Next.js Image component 16:50 Create blog post view page 18:43 Add pre-rendering 19:26 Implement & explain getStaticPaths 21:47 Implement & explain getStaticProps 24:12 Modify BlogPost component to use props data 25:53 Add basic styling to blog post view page 26:31 Display blog post data on the view page 28:56 Add links to blog posts 31:45 Summary on what we have done so far 32:42 Headless CMS as a datasource 32:56 Thank you DatoCMS 35:40 Part 2 of Building a Blog w/ Next.js #nextjs #beginner #tutorial