My New Portfolio: Built with Next.js 13, TailwindCSS, and Sanity

My New Portfolio: Built with Next.js 13, TailwindCSS, and Sanity

As a web developer, having a strong online presence is essential. That's why I recently decided to revamp my portfolio website, using some of the latest technologies and tools available. In this post, I'll discuss the process of building my new portfolio website with Next.js 13, TailwindCSS, and Sanity CMS, and why I chose these technologies.

Why I Chose Next.js 13

Next.js is a React-based framework for building server-side rendered (SSR) web applications. It offers many features out-of-the-box, including automatic code splitting, static site generation, and serverless functions. I chose Next.js 13 for my portfolio website because it provides a great developer experience and makes it easy to optimize performance.

With the release of Next.js 13, there are even more features that make it a great choice for building modern web applications. One of the most exciting new features is the Next.js Server components, components can be run on the server, without the need of shipping js to the client. Another great feature is the new App directory and the resulting new routing architecture.

Why I Chose TailwindCSS

TailwindCSS is a utility-first CSS framework that makes it easy to style your web applications. It provides a wide range of pre-defined classes that you can use to style your HTML elements, without having to write custom CSS code. I chose TailwindCSS for my portfolio website because it allows me to quickly iterate on the design and ensures consistency across the site.

Another advantage of TailwindCSS is that it integrates well with other technologies, including Next.js. There are many plugins and extensions available that make it easy to use TailwindCSS with Next.js, including a pre-configured starter kit that includes both technologies.

Why I Chose Sanity CMS

Sanity is a headless CMS that allows you to create, manage, and deliver content across multiple channels. It provides a customizable content model that allows you to create structured content for your website or application. I chose Sanity for my portfolio website because it allows me to easily update the content of my site without having to modify the code.

One of the benefits of using Sanity is that it provides a real-time preview of your content, which makes it easy to see how it will look on your site before publishing it. Additionally, Sanity integrates well with other technologies, including Next.js, making it easy to fetch and display content from the CMS in your application.

Conclusion

In conclusion, I'm extremely happy with the result of my new portfolio website, built with Next.js 13, TailwindCSS, and Sanity CMS. These technologies provided a great developer experience, made it easy to optimize performance, and allowed me to easily update and manage the content of my site. If you're looking to build a modern web application, I highly recommend giving these technologies a try.