Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/k4itrun/next-portfolio
🗼 Portfolio built with Next.js and Tailwind CSS
https://github.com/k4itrun/next-portfolio
css html javascript nextjs nodejs portfolio reatctjs tailwindcss vercel
Last synced: about 1 month ago
JSON representation
🗼 Portfolio built with Next.js and Tailwind CSS
- Host: GitHub
- URL: https://github.com/k4itrun/next-portfolio
- Owner: k4itrun
- License: mit
- Created: 2024-11-13T04:21:25.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-25T17:13:44.000Z (about 2 months ago)
- Last Synced: 2024-12-25T18:19:42.362Z (about 2 months ago)
- Topics: css, html, javascript, nextjs, nodejs, portfolio, reatctjs, tailwindcss, vercel
- Language: TypeScript
- Homepage: https://9ll.fun
- Size: 112 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.md
- Codeowners: .github/codeowners
Awesome Lists containing this project
README
# Next.js Portfolio
This is a simple Next.js portfolio template, designed with a theme that changes based on the time of day. The layout is clean and modern, making it perfect for showcasing your work, skills, and projects.
## Table of Contents
1. [Information](#information)
- [Config](#config)
2. [Deployment](#deployment)
- [Self Hosting](#self-Hosting)
- [▲ Vercel (recommended)](#-vercel-recommended-for-nextjs)
- [Other options](#other-options)
3. [Environment Variables](#environment-variables)
4. [Contributing](#contributing)
5. [License](#license)## Information
### Config
Make sure to update the pre-configured values in the [k4itrun.config.ts](https://github.com/k4itrun/next-portfolio/blob/main/k4itrun.config.ts#L4) file (such as `name`, `description`, `socials`, etc.) before deploying your site. Edit them in your forked repository.## Deployment
### Self Hosting
1. Clone the repo: `git clone https://github.com/k4itrun/next-portfolio.git`
2. Install dependencies: `npm i`
3. Copy `.env.example` and rename it to `.env`.
4. Set these values in `.env`:
- `DISCORD_USER_ID`: for public account info.
- `DISCORD_WEBHOOK_URL`: for the contact form (coming soon).
5. Edit [k4itrun.config.ts](https://github.com/k4itrun/next-portfolio/blob/main/k4itrun.config.ts#L4) (e.g., `name`, `description`, `socials`).
6. Build the project: `npm run build`
7. For development, run: `npm run dev`
8. Open [http://localhost:3000](http://localhost:3000) to view the site!### ▲ Vercel (recommended for Next.js)
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fk4itrun%2Fnext-portfolio&env=DISCORD_USER_ID,DISCORD_WEBHOOK_URL&envDescription=Environment%20Variables%20Docs&envLink=https%3A%2F%2Fgithub.com%2Fk4itrun%2Fnext-portfolio%23deployment&project-name=portfolio&repo-name=k4itrun-portfolio&demo-title=Example%20deploy&demo-description=Example%20production%20deploy%20from%20Github%20Repository&demo-url=https%3A%2F%2F9ll.fun&demo-image=https%3A%2F%2Fi.imgur.com%2FT4VsRuy.png)
1. Click the button above or go to: [Vercel](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fk4itrun%2Fnext-portfolio&env=DISCORD_USER_ID,DISCORD_WEBHOOK_URL&envDescription=Environment%20Variables%20Docs&envLink=https%3A%2F%2Fgithub.com%2Fk4itrun%2Fnext-portfolio%23deployment&project-name=portfolio&repo-name=k4itrun-portfolio&demo-title=Example%20deploy&demo-description=Example%20production%20deploy%20from%20Github%20Repository&demo-url=https%3A%2F%2F9ll.fun&demo-image=https%3A%2F%2Fi.imgur.com%2FT4VsRuy.png)
1. Add your `DISCORD_USER_ID` for account info.
2. Add the `DISCORD_WEBHOOK_URL` for the contact form (coming soon).
3. Click the `Deploy` button and wait.
4. In your forked repo, update the values in the [k4itrun.config.ts](https://github.com/k4itrun/next-portfolio/blob/main/k4itrun.config.ts#L4) file (e.g., `name`, `description`, `socials`, etc.).### Other options
To deploy this site, you can use platforms like:1. [Vercel](https://vercel.com/) (recommended for Next.js)
2. [Netlify](https://www.netlify.com/)
3. [AWS](https://aws.amazon.com/)
4. [DigitalOcean](https://www.digitalocean.com/) and more...Simply push your code to a GitHub repository, and connect it to your preferred platform for continuous deployment.
## Environment Variables
You can configure environment variables in the `.env` file. Example:
| Variable | Description | Required |
| --------------------- | ---------------------------------------------------------------- | -------- |
| `DISCORD_WEBHOOK_URL` | For the contact form (coming soon). | `No` |
| `DISCORD_USER_ID` | For account info (public). | `Yes` |## Contributing
Support this project by [Donating](https://ko-fi.com/A0A11481X5) to help fund new improvements, or simply add a ⭐ star to this repository.Thank you for your interest and support! ✌️
## License
This project is licensed under the MIT License - see the [LICENSE](license.md) file for details.