Academic project page template
This is a template you can use to create a simple project page for your research paper. See a live demo here.
Features
- Polished, quick-to-load, responsive, accessible, and SEO-friendly template adapted from the original Nerfies page.
- Easily edit in Markdown instead of HTML.
- Includes out-of-the-box components for the header, figures, LaTeX equations, two-column layouts, code blocks (with syntax highlighting), small caps, videos, and YouTube embeds.
- Add custom components using HTML or even other web frameworks like React, Vue, or Svelte.
- Built with modern web development tools like Astro and Tailwind CSS.
Usage
Need help setting it up? Please schedule a call with me here, and I'll personally walk you through making your project page live! I want to talk to potential users to figure out pain points and features to add.
- Install Node.js.
- Click "Use this template" to make a copy of this repository and then clone it, or just clone it directly.
- Run
npm install
from the root of the project to install dependencies.
- Edit the content in
/src/pages/index.mdx
, and remember to update the favicon at /public/favicon.svg
and the social link thumbnail (optional) at /public/thumbnail.png
.
- Run
npm run dev
to see a live preview of your page while you edit it.
- Host the website using GitHub Pages, Vercel, Netlify, or any other static site hosting service.
Notes
- If you're using VS Code, I recommend installing the Astro extension to get IntelliSense, syntax highlighting, and other features.
- When people share the link to your project on social media, it will often appear as a "link preview" based on the title, description, thumbnail, and favicon you configured. Double check that these previews look right using this tool.
- The Nerfies page uses the Google Sans font, which is licensed by Google, so unfortunately, I had to change it to a different font instead (I picked Noto Sans).
Credits
This template was adapted from Eliahu Horwitz's Academic Project Page Template, which was adapted from Keunhong Park's project page for Nerfies. It's licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.