DEV Community

Memo Chou
Memo Chou

Posted on

Nyan Profile: A simple and extensible scaffold for building personal profile website.

Nyan Profile

Nyan Profile

About

Nyan Profile is a simple and extensible scaffold for building personal profile website.

Demo

https://memochou1993.github.io/nyan-profile/

Repository

https://github.com/memochou1993/nyan-profile

Features

  • Static Generation with Next.js
  • Styling with Tailwind CSS
  • Configurable Components
    • Profile
    • Header
    • Theme Switch
    • Sidebar
    • Footer
    • About
    • Google Fonts
    • Google Analytics
    • Project List
    • Article List
  • Deploying to GitHub Pages with GitHub Actions

Getting Started

Automatic Setup

Create a new project by running the following command.

npm init @memochou1993/nyan-profile my-profile
Enter fullscreen mode Exit fullscreen mode

Change directory into project.

cd my-profile
Enter fullscreen mode Exit fullscreen mode

Start the development server.

npm run dev
Enter fullscreen mode Exit fullscreen mode

Manual Setup

Clone the project.

git clone git@github.com:memochou1993/nyan-profile.git
Enter fullscreen mode Exit fullscreen mode

Change directory into project.

cd nyan-profile
Enter fullscreen mode Exit fullscreen mode

Initialize a new Git repository.

rm -rf .git
git init
git add .
git commit -m "Initial commit"
Enter fullscreen mode Exit fullscreen mode

Install dependencies.

npm ci
Enter fullscreen mode Exit fullscreen mode

Start the development server.

npm run dev
Enter fullscreen mode Exit fullscreen mode

Learn More

https://github.com/memochou1993/nyan-profile#readme

Top comments (0)