Portfolio - rinaofk
Overview
This website was created with the purpose of replacing an existing portfolio site and building a project using Next.js.
- Duration
- 2024 / 2 months
- Tools
- Figma
- VScode
- Next.js(Typescript)
- HTML
- Sass(SCSS)
- Emotion
- git(CUI)
- github
- Docker-compose
Generate a new one
I proceeded with the work with extreme care in making components, markup, and CSS design to ensure the site wouldn't be just HTML website. In addition, to gain new insights, I adopted Typescript and Emotion of CSS in JS, which tools could not be used for HTML or PHP.
Discovered
I encountered challenges in applying CSS in JS to components, understanding the usage of props, and considering directory structure. Even though just one component, I realized that it requires skills different from Markup languages.This work enabled me to gain a basic usage of Next.js, React, and Typescript.