I started my career as a web developer about 7 years ago. I've tried some programming languages and tech stack, both Back-End, and Front-End.
Even though the scope of web development is broad, I was very interested and focused on Full Stack Development specially in React/Next.js Development.
Full Stack Developer
I love creating something that is clean and minimalistic, attractive and has value, and of course, easy to use.
I really enjoy creating websites with rich UI components, including:
- Web application,
- Documentation pages,
- CMS contents layout,
- Dashboard layout,
- and others.
But I still like to make simple website pages like landing pages. So, what tools did I feel comfortable using during the website creation?
TypeScript
First of all, the programming language. I'm very used to using TypeScript, although website creation can be done using WordPress, Laravel, etc.
The JavaScript superset—TypeScript—has accompanied me for about 2 years.
React/Next.js
I really enjoy building single page application websites and React is my go-to library.
I've been using it since 2021 (3 years) and have become quite proficient with it.
Tailwind CSS
For now, I love using Tailwind CSS for styling, even though I've been using SCSS for a longer time (6 years).
I'm really comfortable using it and I think it's a great tool.
RESTful API
Utilizing Next.js for full-stack website development, particularly its API routes and the newly introduced Server Action asynchronous functions, offers a robust framework for building scalable applications. When integrated with a database through Prisma or Drizzle ORM, it becomes an even more powerful tool.
Framer Motion
For animations, I am more comfortable using Framer Motion. Creating animations using JavaScript has never been as easy as using Framer Motion.
Detail and Summary
I represent all data in labels to make it easier to read. The underline indicator shows how often I used the related item, e.g.: