Back to templates

Template details

Resume Template

A Next.js resume starter with Tailwind CSS, TypeScript, and API routes.

About this template

Resume is a Next.js starter template for building a personal resume or CV website, styled with Tailwind CSS and written in TypeScript.

What is the Resume template?

Resume is a Next.js project bootstrapped with create-next-app, meaning it comes with a pre-configured Pages Router structure, a development server, and build tooling. It uses TypeScript for type safety, Tailwind CSS for styling, and PostCSS for CSS processing. The repository also lists Framer Motion and next-themes as topics, indicating animation and dark-mode capabilities. The template serves as a foundation you can edit and deploy to Vercel.

Key Features

  • Next.js framework — Built on the Pages Router; the main page is pages/index.tsx and edits auto-reload in the browser at localhost:3000.
  • TypeScript — All components and pages use .tsx extensions, enabling static typing out of the box.
  • Tailwind CSS — Utility-first styling is configured with PostCSS, so you can style directly in markup.
  • Framer Motion — Included as a topic, providing animation primitives for adding motion to resume sections.
  • next-themes — Listed as a topic, adding theme switching for light and dark modes.
  • API routes — The pages/api/hello.ts file demonstrates serverless endpoints mapped to /api/*.
  • Vercel deployment — The README links to the Vercel platform for one-click deployment directly from the project.

Who is it for?

  • Developers — who want a clean, minimal Next.js starter to build a resume site without configuring the toolchain themselves.
  • Job seekers — who need a personal website to present their work history and can customize the text and sections.
  • Designers — who want to use Tailwind utilities and Framer Motion to craft a visually distinctive CV presentation.

What can you do with the Resume template?

  • Job seekers: Replace the default page content with your own resume details, such as work experience, education, and skills.
  • Developers: Use the built-in API route to serve resume data dynamically as JSON, separating content from presentation.
  • Designers: Customize the Tailwind theme and add Framer Motion reveals to make the resume scroll like a presentation.

screenshot of Resume Template on template0.com