Ecommerce
Description
The project itself is simplistic itself, try to mimic an online shopping site. I focused less on login/logout functionally and instead went for just a simple cart feature that connected to stripe. I somehow found the tradeoffs that next.js can inccur with trying to optimize SEO and using react client components.
Goals of the Project
- - Learn how to use Stripe Api.
- - Learn the ins and outs of Next.js, mainly how to use the Search Engine Optimizations features.
- - Making a backend using the in-built api features of Next.js.
Challenges
I couldn't get the inbuilt api to work how I wanted(I was on a experimental version at the time) so just opted for an outside server with express.js. I also made errors in structuring which components should be clientside & which should be server side. This ended up with me not having an overarching state(redux,context) and instead making several extra api calls to my server and sending more data than it should be. I once messed up my project playing with TypeScript, so I had to find a git version that didn't mess up my deploy.
Accomplishments
- - The first accomplishment would most likely be learning Next.js, it was what I set off to do, so no surprise there.
- - An unexpected accomplishment would be learning Tailwind. I made a mockery of it before, thinking it made the code look like gibberish.
- - Using my first api that I didn't create, the stripe payment API