IIRF Online > Development > Web Development > Next.js > Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node) by Udemy
Learn GraphQL and Apollo! Create a fast portfolio application in Next.js(Next 9+) / React backed with Apollo + Node.js
Course Highlights
- Develop Real-world web application with Next JS, Apollo and Node
- Create your own portfolio application in most demanded frameworks on the market
- Grasp full power of GraphQL
- Establish yourself in field of the exciting Next and React web development environment
Skills you will learn!
Curriculum
2 Topics
Project Preview
How to resolve issues
13 Topics
Section Introduction
Creating the project
Create pages
Creating components!
Get initial props
More pages
Alias for absolute path
Root app component
Get initial props of _app
SSR Explanation
SSR Debugging
Navbar component
Navigation to pages
17 Topics
Section Introduction
GraphQL explanation
GraphQL integration
Portfolio resolvers
Data rework
Fetch portfolios on client
Portfolio card component
Provide parameters in query
Portfolio detail page
Links to portfolios
Server refactoring
Portfolio mutations
Apollo server
Update portfolio - server
Create portfolio
Update portfolio
Delete portfolio
21 Topics
Section Introduction
Apollo client
Get portfolio with Apollo
Get portfolios improvements
Create portfolio improvements
Create portfolio cache
Apollo high order component(HOC)
Apollo HOC with SSR
Update portfolio improvements
Delete portfolio improvements
Refactoring queries and mutations
Apollo dev tools
Mongo Atlas
Gitignore
Mongo DB + Mongoose
Portfolio Model + Fake DB
Populate DB
Get portfolio from DB
Portfolio create update delete in DB
GraphQL portfolio model
Separating apollo functions on server
18 Topics
Section introduction
User infrastructure
User mongoose model
Sign Up user
Password hashing
FakeDB populate users
Auth context
Sessions
GraphQL Strategy
Register strategy and debug
Promise in Auth
Find user in DB
Return user from sign in
Password validation
Middlewares
Store sessions with passport
Add sign out
Check if user is authenticated
15 Topics
Section introduction
Sign Up form
React hook form
Sign up user success
Redirect
Handle errors
Handle errors on server
Sign in form
Sign in done
Fetch user from server
Display username in navbar
Fix user after sign in
Sign out
HOC to check if user is authenticated
Check user role
10 Topics
Section introduction
Portfolio new page
Dropdown links + withAuth improvements
Datepicker component
Set dates in datepicker
Disable end date
Finishing create portfolio
Base layout
Handle errors
Check for user role
8 Topics
Section introduction
Instructor dashboard
User portfolio resolver
Fetch user portfolios
Add controls to dashboard
Remove portfolio mutation
Portfolio update form
Update portfolio mutation
8 Topics
Section Introduction
Toast messages
Format dates
Client side fields
Server redirect
Display message on redirect
Dispose message on login
Spinner component
23 Topics
Section Introduction
Add categories to FakeDB
Populate Topics data
Forum categories resolver
Fetch topics by category resolver
Fetch topics by slug changes
Display forum categories
Fetch and display topics
Create topic resolver
Slugify topic
Unique slug
Replier component
Replier improvements
Create topic functionality
Add topic to cache
Fetch topic by slug
Prepare posts data
Fetch posts resolver
Fetch posts
Display posts
Posts improvements
Create post resolver
Create post client side
9 Topics
Section introduction
Pagination component
Fetch more function
Get posts count
Get paginated data from server
Display data for specific page
Persistent pagination
Create post with pagination
Re-pooling data
6 Topics
Section Introduction
Highlight data
Reusable "random" function
Display highlight portfolios
Display topics
CV Page
7 Topics
Section Introduction
Prod base URL
Prod database changes
Prod session setup
Heroku and Git CLI
Deployment to Heroku
Course End + Testing
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
Related Next.js Courses
Thank You!
Your review has been submitted successfully.