Crypto Forge

Table of Contents

• Introduction
• Activities
• Challenges & Solutions
• Lessons Learnt
  • API Routes for Data Fetcing
  • Composables for Reusable Code
• Conclusion

Introduction

A site that list various cryptocurrencies and allows filtering in different methods

• Went Live: 27 December 2025
• Problem Statement: Learn more about Nuxt by converting a React project to Nuxt.
• Goal: Fully convert an application from one language to another

Activities

• Analysing the React project
• Breaking down the individual pieces
• Embracing the Nuxt way of doing things

Challenges & Solutions

• Getting to terms with data fetching

Lessons Learnt

Switching to Nuxt has offered several learning opportunities.

API Routes for Data Fetcing

• While in React data would be fetched in the component, in Nuxt it is recommended to do this using API routes in the server directory.

Composables for Reusable Code

A compoasable in Nuxt allows for reusing of a piece of code. For example in this project, the useCoin composable is the place where the fetching of the coins happen and avoids duplicating that logic over and over.

---

Conclusion

I had al lot of fun doing this port. It furher reinforced my Nuxt knowledge and understanding of the React ecosystem.