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

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX