Overview of the template
This template is an elegant and minimalist portfolio & blog solution crafted with Next.js, Tailwind CSS, and TypeScript. Designed by a researcher-developer, it seamlessly combines academic sections with modern web development practices, making it perfectly suited for showcasing both research work and development projects.
- Easy to use: Only need to edit the
src/data.tsxfile and thesrc/contentdirectory to customize the template. - Customizable: Whether you’re familiar with Next.js development or just know how to use AI, you can easily customize and adapt this template to match your vision and requirements.
- Navbar, Footer, SEO, Theme, i18n, etc. are ready.
- Responsive design for all devices.
Portfolio
The portfolio at / supports the following features:
- Display your name, photo, a brief introduction, and social media links.
- About section
- News section with foldable news items.
- Projects section with image, video, description, and links.
- Skills, Education and Work sections.
- Awards, Academic Services, Invited Talks for researchers.
- Contact section to contact you.
Blog
The markdown files at content are automatically converted to blog posts. All posts are sorted by date in descending order, displayed on the /blog page.
The
mdxfiles are just markdown files with some extra features like code blocks, images, and links. If you don’t know whatmdxis, you can just use regular markdown files.
The blog rendering supports the following features:
- Markdown syntax
- Math equations
- Table of contents
Next.js
(Optional) If you don’t know how to use Next.js, you can learn it from the Next.js tutorial .