Become a Skillthrive author!

Developer portfolio with Next.js and Tailwind CSS

By Hunter Becton for Developer portfolio

I wanted to use React components so updating and adding new portfolio items is easy. Next.js handles image processing and routing, plus gives the users more options later on if they want to expand the site.

Solution info
hunter

Hunter Becton

Founder at Skillthrive. I love building web apps with JavaScript and helping others learn to code.

More Solutions from Hunter Becton

Level 3

Feature image for Web designer and developer portfolio
hunter
Hunter Becton

November 12, 2022

Web designer and developer portfolio

I moved quickly with this challenge until I got to the portfolio modal. The image slider took me a long time to figure out because I couldn't figure out how to create the overlapping effect. Luckily Framer Motion helped smooth things out in the end.

Level 2

Feature image for Category tag marquee
hunter
Hunter Becton

October 28, 2022

Category tag marquee

Getting the animation perfect with a seamless transition was difficult, but with some tweaking of flexbox, I was able to figure it out!

Level 2

Feature image for Dad joke generator
hunter
Hunter Becton

October 17, 2022

Dad joke generator

Do you know how to clean up async requests in useEffect hooks? Check out this code to learn how this can be achieved with an AbortController!