Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Academic Portfolio


A basic portfolio for grad students, professors and academics.

Learning Resources

Please refer to Gatsby themes for more information about themes and how to use them. Also the shadowing section explains how you can override the sections of the theme and customize it.

How to install

You can install the theme simply by executing the following command within your Gatsby project.

npm i @openarchitex/gatsby-theme-academic-portfolio

When do I use this theme?

This can be used if you are a graduate student or a professor/lecturer at a college or university. Includes some basic sections to highlight teaching and research achievements.

Examples of usage

Example Usage

// gatsby-config.js
module.exports = {
  plugins: [
      resolve: `@openarchitex/gatsby-theme-academic-portfolio`,
      options: {},

You can use theme shadowing to override the sections in the theme. All the files relevant to the theme should go under @opanarchitex/gatsby-theme-academic-portfolio. For example banner.mdx and profile-pic.jpg is overridden in the example site.

How to develop locally

From the root of the theme folder (i.e: gatsby-theme-academic-portfolio) you can run the theme in development mode using,

yarn gatsby develop

The structure of the repo is as follows:

  • src/components: This contains all components

  • src/templates: This is the entry point to all the other components

  • src/sections: The mdx documents that is used by the theme

  • src/images: All images used by the theme

  • gatsby-plugin-theme-ui: The styles related to Theme UI

How to contribute

If you have any suggestions for improvement do not hesitate to open an issue or pull request.

We are grateful for JetBrains for generously providing Open Source licenses to help us with our development effort.

JetBrains Logo

© 2023 Gatsby, Inc.