Skip to content

ryansle/tailwind-portfolio

Repository files navigation

Ryan Le's Tailwind Portfolio

Another year, another revamp of my portfolio site!

As is tradition, I thought it became necessary to rebuild my portfolio once again after spending the last year learnings lots of new frameworks, technologies, techniques, and more!

So what's new this time?

This time around, we're saying goodbye to component libraries and selling hello to utility-first CSS frameworks! Namely: Tailwind CSS.

Along with that...

  • Replaced Sanity.io with Contentful (I find Contentful easier to work with these days, sorry!)
  • Played around with Next.js 13 and their fancy new Server Components
  • Finally made the jump from JavaScript to TypeScript (about time...)
  • Building upon what I've made previously and improving my designs ever so slightly each time
  • Next.js isn't wrestling against me this time and actually lets me host my images/documents
  • Plugged the Ryan Meetup

Running Locally

$ git clone https://github.com/ryansle/tailwind-portfolio.git
$ cd tailwind-portfolio

Install npm packages

npm i

Start up Next.js server and navigate to localhost:3000

npm run dev

Motivation

  • Redevelop my portfolio (again) now that continue to become more and more experienced
  • Polish my portfolio project and give the site a facelift (by rebuilding from scratch!)
  • Play around with another new content management system (Contentful)
  • Continuously improve my previous design and site content
  • Gain more experience with Tailwind CSS, now that it's starting to become an industry standard

Technologies Used

  • React.js as a front-end framework
  • TypeScript as an implementation language
  • Tailwind CSS for better customizations and more rapid development
  • Next.js for server-side rendering, routing, and more
  • Contentful for content management
  • Vercel for site hosting
  • Visual Studio Code as in the integrated development environment