Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jsiqbal/portfolio
Nextjs-portfolio
https://github.com/jsiqbal/portfolio
ci-cd javascript nextjs13 nextui tailwindcss typescript vercel vercel-deployment
Last synced: about 4 hours ago
JSON representation
Nextjs-portfolio
- Host: GitHub
- URL: https://github.com/jsiqbal/portfolio
- Owner: JsIqbal
- License: mit
- Created: 2023-07-23T09:13:42.000Z (over 1 year ago)
- Default Branch: develop
- Last Pushed: 2023-08-07T17:25:05.000Z (over 1 year ago)
- Last Synced: 2024-04-30T02:53:15.617Z (6 months ago)
- Topics: ci-cd, javascript, nextjs13, nextui, tailwindcss, typescript, vercel, vercel-deployment
- Language: TypeScript
- Homepage: https://portfolio-jsiqbal.vercel.app
- Size: 2.46 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js & NextUI Template
This is a template for creating applications using Next.js 13 (app directory) and NextUI (v2).
## Technologies Used
- [Next.js 13](https://nextjs.org/docs/getting-started)
- [NextUI v2](https://nextui-docs-v2.vercel.app/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Tailwind Variants](https://tailwind-variants.org)
- [TypeScript](https://www.typescriptlang.org/)
- [Framer Motion](https://www.framer.com/motion/)
- [next-themes](https://github.com/pacocoursey/next-themes)
## How to Use
### Use the template with create-next-app
To create a new project based on this template using `create-next-app`, run the following command:
```bash
npx create-next-app -e https://github.com/nextui-org/next-app-template
```
### Must Be Followed by
```bash
npm i @nextui-org/react
```
### Run the development server
```bash
npm run dev
```
## License
Licensed under the [MIT license](https://github.com/nextui-org/next-app-template/blob/main/LICENSE).
---
# From here is the Documentation of this project:
- This is the initial package.json file:
```json
{
"name": "portfolio",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@nextui-org/button": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/code": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/input": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/kbd": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/link": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/navbar": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/snippet": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/switch": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/system": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/theme": "^0.0.0-dev-v2-20230714000855",
"@nextui-org/react": "^1.0.0-beta.13",
"@react-aria/visually-hidden": "^3.8.1",
"@react-aria/ssr": "^3.6.0",
"@types/node": "20.2.5",
"@types/react": "18.2.8",
"@types/react-dom": "18.2.4",
"autoprefixer": "10.4.14",
"clsx": "^1.2.1",
"eslint": "8.41.0",
"eslint-config-next": "13.4.4",
"framer-motion": "^10.12.16",
"intl-messageformat": "^10.1.0",
"next": "13.4.9",
"next-themes": "^0.2.1",
"postcss": "8.4.24",
"react": "18.2.0",
"react-dom": "18.2.0",
"tailwind-variants": "^0.1.13",
"tailwindcss": "3.3.2",
"typescript": "5.0.4"
},
"devDependencies": {
"gh-pages": "^5.0.0"
}
}
```
### To make the .env properties available use following format:
```code
NEXT_PUBLIC_PUBLIC_KEY=
NEXT_PUBLIC_SERVICE_ID=
NEXT_PUBLIC_TEMPLATE_ID=
```