technifyedWeekly list

JavaScript Mastery

Build and Deploy THE BEST Modern Blog App with React | GraphQL, NextJS, Tailwind CSS

via YouTube Free video

Overview

With featured and recent posts, categories. full markdown articles, author information, comments, and much more, this fully responsive #HeadlessCMS Blog App is the best GraphQL Blog Application that you can currently find on YouTube. And what's best of all is that you or your clients can manage the blog from a dedicated Content Management System. Built with the newest technologies such as React JS, #NextJS, Tailwind CSS, #GraphQL, and GraphCMS.

You'll also learn how to work with GraphCMS. GraphCMS is a headless content management system based on GraphQL technology enabling seamless integration with any application.

💻JS Mastery Pro - https://jsmastery.pro?discount=youtube

✅ A special YOUTUBE discount code is automatically applied!

⭐GraphCMS - https://go.graphcms.com/jsmastery

📚 Materials/References:

GitHub Repository (give it a star ⭐) - https://github.com/adrianhajdin/project_graphql_blog

Styles, files & code - https://gist.github.com/adrianhajdin/2b2e8509a48229baf9bb9b53d4a31c91

📚 You'll learn:

- Advanced React and Next.js Best Practices

- We'll use Next JS pre-rendering with Static Generation

- You'll also learn how to create a modern UI using Tailwind CSS

- You'll learn GraphQL and GraphCMS

- GraphQL is querying language, and we'll cover creating schemas, models and finally retrieving data using GraphQL Queries

- GraphCMS is the best GraphQL Content Management System (CMS)

⭐JavaScript Mastery Newsletter - Join us to stay up to get exclusive programming guides, tips & tricks, and entire e-books! https://resource.jsmastery.pro/newsletter

🌎 Find Me Here:

Discord Group: https://discord.gg/n6EdbFJ

Instagram: https://instagram.com/javascriptmastery

Twitter: https://twitter.com/JS_Mastery

❤️Support My Work:

https://www.buymeacoffee.com/JSMastery

💼 Business Inquiries:

E-mail: contact@jsmastery.pro

Time Stamps 👇

00:00:00 Intro

00:20:49 Code Setup

00:45:59 GraphQL Data Fetching

00:57:50 Display Posts

01:14:58 Widget Component

01:30:10 Categories

01:38:14 Article Details

02:04:01 Author

02:09:49 Comments

02:58:00 Challenge

03:02:56 Deployment

Chapters 11

  1. 00:00:00Intro
  2. 00:20:49Code Setup
  3. 00:45:59GraphQL Data Fetching
  4. 00:57:50Display Posts
  5. 01:14:58Widget Component
  6. 01:30:10Categories
  7. 01:38:14Article Details
  8. 02:04:01Author
  9. 02:09:49Comments
  10. 02:58:00Challenge
  11. 03:02:56Deployment

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • 463,521 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (11 parts) you can see before you start.
  • Start watching right away, no sign-up.

Disadvantages

  • No exercises or certificate: code along to make it stick.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Similar courses

Compare these

Harvard University

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

  • Free video
  • 11 videos, 16 hours

Massachusetts Institute of Technology

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

  • Free video
  • 26 videos, 28 hours

Harvard University

CS50's Web Programming with Python and JavaScript (CS50W) 2020

This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…

  • Free video
  • 10 videos, 14 hours

Harvard University

CS50's Introduction to Artificial Intelligence with Python 2023

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

  • Free video
  • 8 videos, 12 hours

Harvard University

CS50's Introduction to Artificial Intelligence with Python 2020

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

  • Free video
  • 8 videos, 13 hours

Massachusetts Institute of Technology

MIT 18.S997 Introduction to MATLAB Programming Fall 2011

View the complete course: http://ocw.mit.edu/18-S997F11 Instructor: Yossi Farjoun This course is intended to assist undergraduates with learning the basics of programming in general and programming MATLAB® in particular. License: Creative Commons BY-NC-SA More information at http://ocw.mit.edu/term…

  • Free video
  • 6 videos, 50 minutes