Taipei.dev
Navigation Menu
- 000The EventDate, Location, Registration...
- 001The HostA little about Mozilla Taipei...
- 002The AgendaBreaking down the event
- 003SetupHow to setup the project
- 004Lesson & Hack!Let's start building...
- 005ConclusionThe next event...
Taipei.dev
The event ended!
Get Notified Of Future EventsThe event ended!
Get Notified Of Future EventsBuild a Portfolio Website in ReactJS
Join our event and leave with a brand new Portfolio Website built on top of NextJS, ReactJS, Tailwind, the T3Stack and Vercel
Below is a project starter to get you going...
built as Open Source by Taipei.dev for anyone to use
Check out the sample website
https://marcincebula.vercel.appEvent Agenda
TL;DR We're going to build a very basic personal website that can be used as a business card and a portfolio piece on top of a modern, industry-leading tech stack used by employers around the world.
Technical: We're going to build a personal website using ReactJS, NextJS, TailwindCSS, versioned on GitHub and hosted on Vercel.
Setup Development Environment
Requirements to get started are:- Setup Github Account and Fork Project
- Install Yarn and Project Dependencies
- Setup Vercel and Link to Github Project
- Deploy Starter Project to the Internet
Build your Website
For purposes of time I'll be providing the class with pre-built templates you can use in your project. You're also welcome to create our own.
We'll go through each component as well as the basics of TailwindCSS, it's layout system and its styling functionality.
Happy Coding!
Release & Launch
Deploy final version of the project and share it with friends!