Submitted about 2 years ago

Dictionary with next-js, typescript and shadcn

next, tailwind-css, typescript

LVL 3

Jason Savelli•330

@Newpoki

A solution to the Dictionary web app challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Practicing NextJS 14 with the new server actions and the new react hooks useFormState, and it feels really good to use. Also, I've been able to keep a maximum of rendered html on the server side, which lead to some pretty "oldish" hacks, which is funny as I'm using latest techs.

I'm feeling more confortable with shadcn also, which is a good thing as I start to really enjoy this lib

What challenges did you encounter, and how did you overcome them?

I've never set / read cookies, and this was the only solution that came to my mind when trying to read / write the prefered font family on the server side. I had to use some "hacks" with HTML forms, but it can't be smoother.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jason Savelli’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord