GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → leerob → Mastering Nextjs

leerob / Mastering Nextjs

A free video course for building static and server-side rendered applications with Next.js and React.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactnextjscoursemdx

Projects that are alternatives of or similar to Mastering Nextjs

Blog.hellorusk.net
Tech Blog
Stars: ✭ 28 (-89.06%)
Mutual labels:  mdx, nextjs
Leerob.io
✨ My portfolio built with Next.js, MDX, Tailwind CSS, and Vercel.
Stars: ✭ 1,369 (+434.77%)
Mutual labels:  mdx, nextjs
Egghead Next
The frontend for egghead.io.
Stars: ✭ 896 (+250%)
Mutual labels:  mdx, nextjs
Mdx Docs
📝 Document and develop React components with MDX and Next.js
Stars: ✭ 412 (+60.94%)
Mutual labels:  mdx, nextjs
next-mdx
next-mdx provides a set of helper functions for fetching and rendering local MDX files. It handles relational data, supports custom components, is TypeScript ready and really fast.
Stars: ✭ 176 (-31.25%)
Mutual labels:  nextjs, mdx
Mdx Embed
Embed 3rd party media content in MDX - no import required 🧽
Stars: ✭ 119 (-53.52%)
Mutual labels:  mdx, nextjs
Nextra
The Next.js Static Site Generator
Stars: ✭ 1,271 (+396.48%)
Mutual labels:  mdx, nextjs
Personal-Site-Gourav.io
My personal site & blog made with NextJS, Typescript, MDX, Tailwind CSS. Deployed on Vercel : https://gourav.io
Stars: ✭ 64 (-75%)
Mutual labels:  nextjs, mdx
Mdnext
The opinionated ecosystem for MDX powered NextJS apps for blogs, documentation, and more.
Stars: ✭ 242 (-5.47%)
Mutual labels:  mdx, nextjs
Tailwind Nextjs Starter Blog
This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
Stars: ✭ 166 (-35.16%)
Mutual labels:  mdx, nextjs
next-mdx-digital-garden-starter
An opinionated starting point for Digital Garden content authoring.
Stars: ✭ 50 (-80.47%)
Mutual labels:  nextjs, mdx
blog
Tech Blog (moved to zenn.dev/hellorusk)
Stars: ✭ 29 (-88.67%)
Mutual labels:  nextjs, mdx
expansion-pack
🔋 Useful stack expansion for ts-nextjs-tailwind-starter
Stars: ✭ 16 (-93.75%)
Mutual labels:  nextjs
getcaption.co
Website for Caption app.
Stars: ✭ 14 (-94.53%)
Mutual labels:  nextjs
nextjs-typescript-express-boilerplate
A next.js boilerplate app with Typescript and an Express API server
Stars: ✭ 30 (-88.28%)
Mutual labels:  nextjs
EthBuildersNYC-website
The EthBuilders Website. Part Experimentation. Part Magical Unicorn. All Fun. Learn to build a Full Stack DApp with lots of cutting edge features, together.
Stars: ✭ 18 (-92.97%)
Mutual labels:  nextjs
platforms
A template for site builders and low-code tools.
Stars: ✭ 1,156 (+351.56%)
Mutual labels:  nextjs
react-movies-finder
React Movies finder is a React app to search movies and series using redux, redux-thunk, React Hooks, and Material UI
Stars: ✭ 27 (-89.45%)
Mutual labels:  nextjs
next-page-tester
DOM integration testing for Next.js
Stars: ✭ 566 (+121.09%)
Mutual labels:  nextjs
heroku-nextjs-build
Heroku build adapter for Next.js (an npm module)
Stars: ✭ 12 (-95.31%)
Mutual labels:  nextjs
View All Similar Projects ➔

Mastering Next.js

A free video course for building static and server-side rendered applications with Next.js and React.

Looking for the old course site? Look no further!

Course

React Overview

  • Classes vs Functional Components
  • Props & State
  • React Hooks
  • ES6
  • JSX

Navigating Between Pages

  • Link (client-side routing)
  • withRouter
  • getInitialProps
  • Retrieving data from URLs

Styling

  • CSS (Importing & Using)
  • Sass
  • CSS-in-JS (Custom _app.js)
  • Styled-Components
  • Responsive + Mobile-First Design

Building A Blog With MDX

  • MDX vs CMS
  • Initial Setup
  • Managing Posts
  • Building Forms (StaticKit)
  • Using a Component Library (Theme UI)

Fetching Data

  • Static Sites with Next.js 9.3
  • Custom Server
  • Node.js & API Routes
  • GraphQL (daydrink)
  • Hasura (daydrink)

Resources

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].