How I converted my site to NextJS

It is always challenging to decide what technology to use for your site; in the end, it is your “baby”, and as such, you want the best for it. I knew deep in me that I wanted to use React for this personal project, so I used Gatsby for the last version converting from WordPress. After that version was live, I decided to take it a step further and investigate NextJS. Luckily I had just taken a course by Colby Fayock titled Create an eCommerce Store with Next.js and Stripe Checkout It was great and opened my eyes to how much potential Next.js has. By the way, I live-streamed taking the course on YouTube; if you would like to watch it, here are the links:

Part 1

Part 2 

I had to break it into two parts because after about 40 minutes I lost my internet connection.

You can also find my version after taking the course here:

Space Jelly Shop

With the exposure to NextJS, I took it upon myself to change my site’s layout, using NextJS, and it was a great ride! It took about 16 hours to transform. Two of the most fun things to learn was when to use useEffect and useLayoutEffect in hooks.

Creating an account and using Vercel was a breeze; it took minutes to get it up and running with Vercel, and after connecting it with GitHub, my builds were automatic and perfect for quick modification and UI tests.

← Back to home