YoVDO

Build a Portfolio Website With React & Sanity.io

Offered By: Traversy Media via YouTube

Tags

React Courses Web Development Courses GitHub Courses Visual Design Courses Content Management Courses Netlify Courses

Course Description

Overview

Learn to build a comprehensive portfolio website using React, Sanity.io, and Tailwind CSS in this detailed tutorial. Start from scratch, covering the basics of React, content management with Sanity, and design implementation using Tailwind. Follow step-by-step instructions to set up the development environment, create essential components like the navbar, home page, posts, projects, and about sections. Master React routing, integrate Sanity Studio for content management, and implement responsive designs with Tailwind CSS. Conclude by pushing the project to GitHub and deploying the finished portfolio to Netlify and Sanity. Perfect for beginners looking to create a professional online presence.

Syllabus

- Intro.
- Setup React app, Sanity Studio, and GitHub.
- Setup TailwindCSS.
- React Routing.
- Navbar component.
- Home component.
- Posts component.
- Projects component.
- Single Post component.
- About component.
- Wrap up and push to GitHub.
- Deploy to Netlify and Sanity.
- Outro (We did it!).


Taught by

Traversy Media

Related Courses

Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
Git a Web Developer Job: Mastering the Modern Workflow
Udemy
HTML5 para quem não sabe nada de HTML5
Udemy
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy