Next.jsReactPortfolio

scho — Next.js Portfolio Template

By ahmadrafidev

Scho is a personal website template for academics, researchers, and graduate students, using Markdown content files to maintain sections such as bio, experience, education, publications, research interests, teaching, talks, and skills.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-14View source

What stands out

A quick read of the recorded project description.

01

Provides academic content sections such as personal bio and experience, publications, research interests and projects, education history, teaching experience, talks and presentations, and skills display

02

Content is maintained through Markdown files under the content directory, making it easy to replace with personal materials

03

Uses the Next.js app directory to organize the homepage and various content pages

04

Styling is based on Tailwind CSS and can be adjusted in app/globals.css

05

The README states the layout is responsive and adapts to mobile

Template Details

Scho is an academic personal website template. The README positions it as a clean, responsive personal website for academics, researchers, and graduate students. The template includes sections for personal bio and experience, publication lists, research interests and projects, education history, teaching experience, talks and presentations, and skills display, and states that the layout adapts to mobile.

The project uses Next.js's app directory to organize pages, stores content in Markdown files under the content directory, uses Tailwind CSS for styling, and includes lib utility functions and types type definition directories. The README provides local development steps: clone the repository, install dependencies with pnpm install, run pnpm dev, then visit localhost:3000 in the browser.

The README does not provide deployment instructions, content field structure, dependency list, or production environment details; the template's actual page functionality and data display methods must be based on the repository contents and cannot be inferred solely from screenshots or the name.

Next.jsReactPortfolio

Is it right for your project?

Use Cases

  • Academics, researchers, and graduate students building a personal academic homepage to centrally display their bio, experience, and research outputs
  • Personal sites that need to maintain content such as publications, research interests, teaching, and talks via Markdown files
  • Developers who want to customize the appearance and sections of an academic personal website based on Next.js and Tailwind CSS

Suitable For

  • Academics, researchers, and graduate students
  • People who want to manage personal academic content with Markdown
  • Users familiar with or willing to use Next.js and Tailwind CSS for local development

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Local steps provided by the README: git clone the repository, enter the directory, and run pnpm install to install dependencies

  2. 2

    Run pnpm dev to start the development server and visit http://localhost:3000 to view the site

  3. 3

    Edit Markdown files in the content directory to replace personal bio, experience, publications, and other content

  4. 4

    Styling can be adjusted via Tailwind CSS in app/globals.css; the README mentions referring to HOW_TO_USE.md for more instructions

  5. 5

    The README does not provide deployment steps, environment variables, or production build instructions

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-14. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Next.js · React
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-12-23
Screenshot last checked
2026-10-14

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 2593d4e51e4dbb9d263384cd85372f135551c08bdd72bbf8f2675cfa78e5534d

2026-10-14T07:26:45.251Z

Source file / repository
# Scho

*A sleek academic resume template for researchers, scholars, and thinkers.*

Scho is a minimalist, responsive personal website template built for academics, researchers, and graduate students. Showcase your publications, research interests, resume, and professional journey — all in one elegant place. Designed with clarity and simplicity in mind, scho helps you present your scholarly work and personal story with confidence.

---

## 🚀 Features

- ✍️ Personal profile and experience sections
- 📚 Publications list
- 🧠 Research interests & projects
- 🎓 Education history
- 👨‍🏫 Teaching experience
- 🎤 Talks and presentations
- 💼 Skills showcase
- 🌐 Clean, responsive layout (mobile-ready)

---

## 📦 Getting Started (Local Development)

To get started with Scho locally:

### 1. Clone the Repository

```bash
git clone https://github.com/ahmadrafidev/scho.git
cd scho
```

### 2. Install Dependencies

```bash
pnpm install
```

### 3. Run the Dev Server

```bash
pnpm dev
```

Visit [http://localhost:3000](http://localhost:3000) in your browser to view your Scho site.

---

## 🗂 Folder Structure

```txt
app/                    # Next.js app directory
├── page.tsx           # Main homepage
├── layout.tsx         # Root layout
├── globals.css        # Global styles
├── loading.tsx        # Loading state
├── experience/        # Experience page
├── education/         # Education page
├── teaching/          # Teaching experience page
├── talks/            # Talks and presentations page
├── publications/      # Publications page
content/              # Content files in Markdown
├── profile.md        # Personal info and bio
├── experience.md     # Work experience
├── education.md      # Education history
├── publications.md   # List of academic works
├── research.md       # Research interests
├── teaching.md       # Teaching experience
├── talks.md         # Talks and presentations
├── skills.md         # Skills and expertise
public/               # Static assets (images, etc)
lib/                  # Utility functions and helpers
types/                # TypeScript type definitions
```

---

## ✏️ Customization

- Update content in the `content/` directory using Markdown files
- Customize styles using Tailwind CSS in `app/globals.css`
- Add or remove sections as needed
- Replace placeholders with your personal info and data
- For more, read [this documentation](./HOW_TO_USE.md)

---

## 📄 License

MIT License. Feel free to fork, clone, and customize.

---

## 📬 Contact

Created by [Ahmad Rafi Wirana](https://www.rafiwirana.co/). Feel free to reach out or open an issue!
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

react-resume-template

react-resume-template

A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.

Next.js · Portfolio

nxt-lnk

nxt-lnk

nxt-lnk is a Next.js-based bio link page template that manages personal information and links via BioData.js and LinksData.js, positioned as a self-hosted alternative to Linktree. It groups links by type, supports enabling/disabling individual links, and offers hexagonal or oval avatars.

Next.js · Portfolio

sylph

sylph

Sylph is a minimal portfolio and blog template built on Next.js, supporting MDX/Markdown writing, light/dark themes, and automatic OG image generation. It includes sitemap, robots.txt, metadata, and syntax highlighting, with automatic blog timestamps.

Next.js · Portfolio

sleek-portfolio

sleek-portfolio

A modern, responsive portfolio template built with Next.js 15, TypeScript, Tailwind CSS, and Shadcn UI. It includes an MDX blog, project showcase, work experience timeline, and a contact form that receives messages via Telegram Bot.

Next.js · Portfolio

research-website-template

research-website-template

A React + Next.js template for research personal websites, aimed at PhD students and researchers. It centralizes publications, projects, and other content in src/data as arrays of objects, with optional fields automatically generating UI components.

Next.js · Portfolio

shadcn-portfolio

shadcn-portfolio

A developer portfolio template built with Next.js 15, shadcn/ui, Tailwind CSS, and Framer Motion, featuring an MDX blog, light and dark modes, responsive design, and SEO meta tags.

Next.js · Portfolio