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

Human-Computer Interaction
University of California, San Diego via Coursera
Introduction to Computational Arts
State University of New York via Coursera
Human-Computer Interaction Design
University of California, San Diego via Coursera
Information Design
University of California, San Diego via Coursera
Public Speaking - Join the Talk & Spread the Word
Homuork via iversity