DEV Community

Memo Chou
Memo Chou

Posted on

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

#nextjs #javascript #reacct #webdev

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)

Read next

getsiful profile image

Create a Single Page Application in React.js Using EasyFrontend

Siful Islam -

alexteng profile image

State Scope with Providers - Next.js with Jotai

Alex T. -

muzammil-cyber profile image

Node.js? More Like No-Go Slow! Bun.js and Elysia.js to the Rescue ✨

Muhammad Muzammil Loya -

shariqahmed525 profile image

How I Would Learn To Code (If I Could Start Over)

Shariq Ahmed -