DEV Community

Cover image for I made an Instagram clone
Nelson chege
Nelson chege

Posted on

I made an Instagram clone

spending a lot of time scrolling on Instagram made me think about creating an Instagram clone to challenge my skills.

I decided to go as much as the hot tech as possible in the JavaScript to see how they worked or if they being hyped only but had no real advantage in using them

Tools I Used:

  • Shadcn UI: For web components.
  • Next-Auth: Handling authentication.
  • Drizzle: for database management and ORM.
  • TRPC: API interactions.
  • Uploadthing: file uploads.

Here is the link to the site

some of the take away that i had:

  • TRPC: Working with TRPC made fetching data from the back-end an enjoyable experience. The ability to define functions in the back-end and call them in the UI reduced the chances of errors, and it was fun having to enjoy the fruits of autocomplete.

  • Drizzle: As someone used to writing raw queries, Drizzle offered the flexibility of using its ORM syntax or writing raw queries .It even generated types by inferring from the created table classes,

Development process:

Navigating through this project, I initially overlooked the importance of thorough planning, resulting in a lack of understanding of the complete scope.
Lesson learned - scoping and planning will be pivotal in my next project.

Conclusion:

I plan to integrate Drizzle into all of my future projects and consider migrating some of my existing work to leverage its capabilities. Nextjs has made it easy for you not needing a different back-end for small to medium project .For The JavaScript/Typescript ecosystem is increasingly showcasing tools that prioritise developer experience while also ensuring efficient functionality.

Top comments (0)