This is the source code for my personal website, built with Next.js, Tailwind CSS, Contentlayer, and deployed on Vercel . You can use this repository as a template to build your own personal website.
The author describes their personal website, mirsazzathossain.me, as an academic portfolio that showcases their skills, achievements, and experiences in their field of study. The website was built using Next.js, a popular JavaScript framework for creating server-rendered and statically generated web applications. The author also utilized Tailwind CSS for styling, Contentlayer for content management, and Markdown for organizing and formatting the content. The website features a commenting system powered by Giscus and integrates the Spotify Web API to showcase the author’s recently played songs. The website is hosted on Vercel, a cloud platform for hosting static sites and serverless functions.
To clone or fork the repository, you need to follow these steps:
git clone <repository_url>
content and public directories:rm -rf content public
Add your own content and assets in the content and public directories respectively.
Install the dependencies:
npm install
npm run dev
The author’s academic portfolio website, mirsazzathossain.me, showcases their skills and experiences using a combination of Next.js, Tailwind CSS, Contentlayer, Markdown, Giscus, Spotify Web API, Heroicons, and Vercel. The website offers a visually appealing design, efficient content management, interactive communication with the audience, and displays the author’s recently played songs. It is easy to clone the repository and customize the content and assets according to individual preferences.