Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sincerelyfaust/website
Personal website and portfolio.
https://github.com/sincerelyfaust/website
css framer-motion motion nextjs personal-website portfolio portfolio-website react swr tailwind tailwind-variants typescript vercel website
Last synced: 2 months ago
JSON representation
Personal website and portfolio.
- Host: GitHub
- URL: https://github.com/sincerelyfaust/website
- Owner: SincerelyFaust
- License: mit
- Created: 2022-01-23T21:50:05.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-20T14:39:01.000Z (over 1 year ago)
- Last Synced: 2024-05-02T04:34:04.435Z (8 months ago)
- Topics: css, framer-motion, motion, nextjs, personal-website, portfolio, portfolio-website, react, swr, tailwind, tailwind-variants, typescript, vercel, website
- Language: TypeScript
- Homepage: https://marinhedes.com
- Size: 3.86 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal website
- π» Available online at https://marinhedes.com and https://sincerelyfaust.com
- π Written in TypeScript
- βοΈ Built with Next.js
- π¨ Styled with TailwindCSS
- πΆββοΈ Animated with Framer Motion
- πΌ Deployed with Vercel
## Development
To develop and locally test the website:
### 1. Clone
Clone this repository from GitHub:
```sh
git clone https://github.com/SincerelyFaust/website
```
### 2. Install development tools:
1. [Install Node.js and NPM](https://nodejs.org/en/download/package-manager/)
1. [Install PNPM](https://pnpm.io/installation) (recommended opposed to NPM/Yarn)
1. Code editor of your choice (I recommend [VSCode](https://code.visualstudio.com/))
### 3. Install dependencies:
Install node modules required to run the website by running:
```
pnpm i
```
### 4. Start the Next.js dev server:
```
pnpm dev
```
In a browser, load the page [localhost:3000](http://localhost:3000) and you should now be able to test the website while making your changes.
Next.js' dev server has hot reloading so no need to restart the instance when it's running!
### 5. Build:
After making your changes and verifying it all works in the dev server, furtherly test them out by building the website:
```
pnpm build
```
### 6. Start:
```
pnpm start
```
In a browser, load the page [localhost:3000](http://localhost:3000) and you should now be able to view the built website.
## License
Copyright @ 2023 - [Marin HeΔeΕ‘](https://github.com/sincerelyfaust)
This project is licensed under the [MIT license](LICENSE).