Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Next.js
Strongly Typed Next.js

Strongly Typed Next.js

Loại khoá học: Web Development

Create a full stack web application with Next.js, TypeScript and GraphQL

image
50.000 VND
699.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Welcome to Strongly Typed Next.js!

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

Here is why you should join:

  • Everything covered is up-to-date and relevant in today's web developer industry.

  • Along with the videos, I wrote a step-by-step guide to follow along on my website.

Course highlights:

  • Create a full stack GraphQL API and web client

  • User authentication with the React Context API

  • Style JSX components with Material UI themes

  • Build a monorepo server with yarn workspaces

How long is this course?

The entire course should take between two to four weeks to complete.

By the end, you'll have plenty of new skills for building full stack web applications.

What are we building?

We are building a simple streaming service called "Stream-me"

Our app will feature the following functionality:

  • Users can login or signup and create streams.

  • Dark mode switch to dim the lights.

  • Embed music, videos or social media content.

  • Share streaming content with embedded links.

We are not building a "live streaming" service like twitch.

We are building a service which supports sharing embedded post content.

Pre-requisites

Before we dive into the implementation, here are a few things you’ll need to follow along.

  • Node 6 or higher

  • Yarn

  • NPM

  • Basic Knowledge of GraphQL and Node.js

Bạn sẽ học được gì

Next

TypeScript

TypeGraphQL

Typegoose

React

Authentication

Yêu cầu

  • Basic knowledge of GraphQL
  • Basic knowledge of React
  • Basic knowledge of Node

Nội dung khoá học

8 sections

Next.js

11 lectures
Installation
03:15
TypeScript Config
04:15
Git Config
01:02
Routing Pages
06:03
Custom Document
03:49
Material UI
04:58
Theme Provider
04:11
Using useEffect
03:07
Server Stylesheets
05:14
Linking Pages
05:58
Bonus Challenge: Landing Page
00:23

TypeGraphQL

12 lectures
Introduction
02:45
Installation
05:50
User Entity
05:27
Decorators
04:43
Ref Type
02:32
Stream Entity
04:28
ObjectID Scalar
05:45
MyContext Middleware
02:21
isAuth Middleware
06:11
Typegoose Middleware
05:29
User Resolver
06:32
Bonus Challenge: Query Complexity
00:17

Typegoose

12 lectures
Introduction
01:40
Auth Input
04:38
Register Mutation
08:51
Login Mutation
03:35
Stream Input
03:58
Stream Query
05:31
Stream Mutation
05:58
Stream Add
02:50
Stream Edit
04:54
Stream Delete
03:20
Field Resolver
02:59
Bonus Challenge: Lean Queries
00:10

Apollo Server

12 lectures
Introduction
01:29
Installation
03:19
Schema
07:36
MongoDB
02:18
Environment Config
05:05
Create Session
03:30
Express App
03:40
Create Schema
02:54
Create Server
05:35
Test Mutations
09:26
Test Queries
03:34
Bonus Challenge: Serverless GraphQL
00:26

Apollo Client

13 lectures
Introduction
02:30
Installation
04:04
Schema
05:24
Next Environment
03:41
Next Config
05:02
Generate Queries
03:28
Generate Mutations
05:18
Apollo Client
06:25
Initialize Apollo
06:36
Using useApollo
02:59
Apollo Provider
03:44
Test Apollo Client
02:03
Bonus Challenge: Mocked Provider
00:19

Authentication

10 lectures
Auth Context
06:34
SignIn Mutation
07:40
SignUp and SignOut
03:39
Auth Provider
04:01
Header Component
03:38
Header Styles
06:19
Header Import
04:32
SignIn Screen
07:31
SignUp and SignOut Screens
05:51
Bonus Challenge: Persist Token
00:09

Streaming

16 lectures
Posts Component
03:41
Posts Styles
04:20
Posts Content
05:12
Hero Component
02:59
Hero Styles
05:22
Hero Content
05:16
Content Component
05:50
Streams Page
04:51
Stream Detail Page
06:28
Stream Create Page
05:18
Stream Create Content
04:04
Edit Stream Hooks
10:01
Edit Stream Methods
03:26
Edit Stream Content
05:17
Test Streams
04:04
Bonus Challenge: Share Streams
00:08

Deployment

6 lectures
Introduction
01:02
Installation
06:34
App Updates
05:16
Next Custom Server
03:37
Test Custom Server
01:51
Heroku Deployment
06:41

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
Angular - The Complete Guide (2024 Edition)

Angular - The Complete Guide (2024 Edition)

120 VND
50.000 VND
.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

.NET 8 Microservices: DDD, CQRS, Vertical/Clean Architecture

100 VND
50.000 VND
Unreal Engine 5: The Complete Beginner's Course

Unreal Engine 5: The Complete Beginner's Course

1.899.000 VND
50.000 VND
Complete WordPress Developer Course 2023 - Plugins & Themes

Complete WordPress Developer Course 2023 - Plugins & Themes

1.999.000 VND
50.000 VND
The Data Science Course: Complete Data Science Bootcamp 2024

The Data Science Course: Complete Data Science Bootcamp 2024

140 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi