Vermilion — Next.js 作品集模板

SHA-256: 627a0509dd27986b37c63fde0bf52483993e27655e87b59a73131a8981fcf2ad

2026-10-02T20:07:24.026Z

<p align="center">
  <a href="https://github.com/ShivaBhattacharjee/vermilion">
    <img src="https://github.com/ShivaBhattacharjee/Vermilion/assets/95211406/92e59bba-4ace-4a4a-9530-d964aad91cc6" alt="Logo" width="120px" height="100px">
  </a>
<br/>
  <h3 align="center">Vermilion</h3>

  <p align="center">
    A NextJs portfolio website with stunning animation
    <br/>
    <br/>
    <br/>
    <a href="https://immashiva.vercel.app/">View Demo</a>
    .
    <a href="https://github.com/ShivaBhattacharjee/vermilion/issues">Report Bug</a>
    .
    <a href="https://github.com/ShivaBhattacharjee/vermilion/issues">Request Feature</a>
  </p>
</p>



## Table Of Contents

* [About the Project](#about-the-project)
* [Built With](#built-with)
* [Getting Started](#getting-started)
  * [Prerequisites](#prerequisites)
  * [Installation](#installation)
  * [Hosting](#hosting)
* [Contributing](#contributing)
* [Issue Template](#raising-an-issue)
* [License](#license)
* [Authors](#authors)

## About The Project

![Screenshot (788)](https://github.com/ShivaBhattacharjee/vermilion/assets/95211406/5559cea7-1e28-4603-854a-2d6d827e9e9b)

Vermilion is a portfolio website template designed to help you increase your online presence. The website features a stunning black and red color theme that conveys sophistication and energy, while smooth animations created using TypeScript and Framer Motion provide a dynamic and engaging user experience.

## Built With


Vermilion is built using upto date technology like NEXTJS SCSS TS  Framer-motion and AnimeJs

* [NextJS](https://nextjs.org/)
* [SCSS](https://sass-lang.com/documentation/syntax)
* [FramerMotion](https://www.framer.com/motion/)
* [AnimeJS](https://animejs.com/)
* [TypeScript](https://www.typescriptlang.org/)


## Getting Started


### Prerequisites

<a href="https://git-scm.com/downloads" >Git</a> is a distributed version control system used for software development. It allows multiple developers to work on the same codebase simultaneously, keeping track of changes and managing versions. It also enables users to revert changes and collaborate more effectively.

<a href="https://nodejs.org/en/download/">NodeJs</a> is a JavaScript runtime built on Chrome's V8 JavaScript engine. It allows developers to execute JavaScript code outside of a web browser, making it possible to create server-side applications with JavaScript. Node.js is fast, lightweight, and scalable, making it popular for building modern web applications.

<a href="https://www.emailjs.com/" >EmailJs</a>  is a cloud-based email service that enables you to send emails directly from your website or web application without the need for a server-side application. With EmailJS, you can easily integrate email functionality into your web development projects, allowing you to send custom email templates to your users or customers.

### Installation

![envpastejpg](https://github.com/ShivaBhattacharjee/vermilion/assets/95211406/eda353d1-1f42-475b-86ec-5191cd05e4f9)

create an .env.local file in root directory 
<br/>

```sh 
NEXT_PUBLIC_SERVICE_ID= Your emailjs SERVICE_ID
NEXT_PUBLIC_TEMPLATE_ID=  Your emailjs TEMPLATE_ID
NEXT_PUBLIC_PUBLIC_KEY=  Your emailjs PUBLIC_KEY
```
<h2>Get api keys from <a href="https://www.emailjs.com/">EmailJs</a></h2>

```sh
git clone https://github.com/ShivaBhattacharjee/vermilion
 ```
 ```
  cd vermilion
  ```
  ```
  npm install
  ```
  ```
  npm run dev
  ```



## Hosting 
(get enviroment variables from emailjs)
* ## Vercel

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FShivaBhattacharjee%2Fvermilion)
<br/>
<br/>
* ## Render

[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https://github.com/ShivaBhattacharjee/vermilion)

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
* If you have suggestions for adding or removing projects, feel free to [open an issue](https://github.com/ShivaBhattacharjee/vermilion/issues) to discuss it

* Please make sure you check your spelling and grammar.

### Creating A Pull Request

Wanna contribute to Vermilion ?

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/FeatureName`)
3. Commit your Changes (`git commit -m 'Add some FeatureName'`)
4. Push to the Branch (`git push origin feature/FeatureName`)
5. Open a Pull Request


## Raising an issue

If you're experiencing any problems with  Vermilion, please be sure to review our [issue template](https://github.com/ShivaBhattacharjee/vermilion/tree/main/.github/ISSUE_TEMPLATE) before opening a new issue. The template includes a list of questions and prompts that will help us better understand the issue you're experiencing, and it will ensure that we have all of the necessary information to investigate the problem.

We kindly ask that you provide as much detail as possible when submitting an issue, including steps to reproduce the problem, any error messages that you have seen, and any other relevant information. This will help us to identify and fix the issue more quickly.

Thank you for your cooperation, and we look forward to hearing from you!


## License

Distributed under the MIT License . See [LICENSE](https://github.com/ShivaBhattacharjee/vermilion/blob/main/LICENSE) for more information.

## Authors

* **Shiva Bhattacharjee** - [Shiva Bhattacharjee](https://github.com/ShivaBhattacharjee) - *Vermilion*