Skip to content

A minimalist, accessible, and beautifully structured academic portfolio template built with Next.js and Tailwind CSS. Designed to showcase your research, projects, and publications with clarity and style.

License

Notifications You must be signed in to change notification settings

ZL-Asica/EnjuFolio

Repository files navigation

Enju Folio

Enju (槐 🌳 in Japanese) — a symbol of knowledge and elegance.

A minimalist, accessible, and beautifully structured academic portfolio template built with Next.js and Tailwind CSS. Designed to showcase your research, projects, and publications with clarity and style.


🚧 Under Construction This project is still in development and not yet ready to be used as a theme or template — even though it currently has no major bugs or performance issues.

If you're interested in updates, click the "Watch" button at the top right, select "Custom" → "Releases" to be notified when it's ready!


🚀 Live Demo

Node.js pnpm Version | Next.js Tailwind CSS | Vercel Eslint Prettier

🏗️ Project Structure

.
├── public                    # Static assets directory
│   └── images                # Image resources
├── src                       # Project source code
│   ├── app                   # Next.js application directory
│   ├── components            # Reusable components
│   │   ├── common            # Common components
│   │   │  └── layout         # Layout components
│   │   └── ...               # Other pages' components
│   ├── hooks                 # Custom hooks
│   ├── lib                   # For Metadata and JSON-LD
│   ├── contents              # All pages' MDX contents
│   └── types.d.ts            # Global type definitions
├── next.config.ts            # Next.js config file
├── tsconfig.json             # Typescript config file
├── eslint.config.mjs         # Eslint configuration
├── package.json              # Project dependencies and scripts
└── pnpm-lock.yaml            # pnpm dependency lock file

🚀 Getting Started

1. Node.js Environment Setup

Make sure you have Node.js (>= 20.0.0) installed on your machine. Recommend using LTS version.

Check whether you have pnpm installed by running:

pnpm --version

If you don't have pnpm installed, you can install it by running:

npm install --global corepack@latest
corepack enable pnpm

If any error occurs, please refer to the official installation documentation.

2. Dependencies Installation (with pnpm)

Run the following command to install all dependencies (in the root directory):

pnpm install

3. Development

To start the development server, run:

pnpm dev

And open http://localhost:3000/ in your browser.

4. Production (Preview)

To build the production version, run:

pnpm build

And to start the production server, run:

pnpm start

5. Linting

Note: This step is only for developing purpose.

Auto linting on save and commit is already set up. You can also run the following command to lint the code:

pnpm run lint:fix

About

A minimalist, accessible, and beautifully structured academic portfolio template built with Next.js and Tailwind CSS. Designed to showcase your research, projects, and publications with clarity and style.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published