DEV Community

Cover image for 🌎 My backpacker's 3D MOVING earth portfolio [Next.js/Three.js]

Posted on • Updated on


🌎 My backpacker's 3D MOVING earth portfolio [Next.js/Three.js]

⭐ Star me on GitHub β€” it motivates me a lot! πŸ˜€

What is that?

This is my portfolio that you can see countries where I have been as backpacker, and what happened


  • next.js
  • typescript
  • styled-component
  • three.js
  • anime.js


I created before this moving earth with typescript, but I used ts-ignore in almost every ts files πŸ˜…

and this time resolved all ts errors, yeah I was fighting

Top comments (0)


11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields


Read the whole post now!