Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/seanoliver/seanoliver-dot-dev
My personal website built on NextJS, Tailwind, shadcn-ui, and deployed on Vercel.
https://github.com/seanoliver/seanoliver-dot-dev
nextjs react shadcn-ui tailwindcss vercel
Last synced: 11 days ago
JSON representation
My personal website built on NextJS, Tailwind, shadcn-ui, and deployed on Vercel.
- Host: GitHub
- URL: https://github.com/seanoliver/seanoliver-dot-dev
- Owner: seanoliver
- License: mit
- Created: 2023-05-11T01:29:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-03T06:45:05.000Z (2 months ago)
- Last Synced: 2024-10-11T18:13:44.301Z (about 1 month ago)
- Topics: nextjs, react, shadcn-ui, tailwindcss, vercel
- Language: TypeScript
- Homepage: https://seanoliver.dev
- Size: 11.1 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
seanoliver [dot] dev
My minimalist portfolio website built with Next.js, Tailwind CSS, shadcn-ui, and TypeScript.
View Site
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
This is my minimalist portfolio website built with Next.js, Tailwind CSS,
shadcn-ui, and TypeScript. It's a great template for a simple personal portfolio
site, and it's a great way to get familiar with shadcn-ui components,
TailwindCSS, and Next.js.
It's also a great starter template using modern web technologies. Feel free to
clone this repo and use it as a base for your own site. Credit is appreciated
but not required.
If you like this project, please consider giving it a ⭐ on GitHub!
### Key Features
- Dark/Light Mode
- Single Page Application
- Mobile-Friendly Responsive Design
- Scroll-to-Section Navigation using React-Scroll
### Built With
This project was built in 2023 using the following technologies.
- ![Nextjs][Nextjs]
- ![TailwindCSS][TailwindCSS]
- ![React][React]
- ![TypeScript][TypeScript]
- ![Nodejs][Nodejs]
- ![shadcn-ui][shadcn-ui]
- ![Vercel][Vercel]
See
[requirements.txt](https://github.com/seanoliver/seanoliver-dot-dev/blob/master/requirements.txt)
for a full list of dependencies.
## Getting Started
This is a great simple template for a personal portfolio site using modern web
technologies. Feel free to clone this repo and use it as a base for your own
portfolio site. Credit is appreciated but not required.
1. Clone and cd into this repository
```bash
git clone https://github.com/seanoliver/seanoliver-dot-dev.git
cd seanoliver-dot-dev
```
2. Install dependencies
```bash
pnpm install
```
3. That's it! Run the app. It will be served at `localhost:3000`
```bash
pnpm run dev
```
## Roadmap
- [ ] Uses Page
- [x] Contentlayer Blog
- [ ] Footer
- [ ] Sticky Nav
- [x] Scroll Links (no packages)
- [x] Social Media Links
- [ ] TBD: Contact Form
- [ ] TBD: Project Details Pages
## Contributing
This is a great project base template for a simple personal portfolio site, and
it's a great way to get familiar with shadcn-ui components, TailwindCSS, and
Next.js. Feel free to fork this repo and make it your own. If you have any
questions or suggestions, please feel free to contact me!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
If you're looking for a lightweight starter template, feel free to clone and
make it your own. Credit is appreciated but not required.
Distributed under the MIT License. See
[LICENSE](https://github.com/seanoliver/seanoliver-dot-dev/LICENSE) for more
information.
## Contact
Your Name - [@SeanOliver](https://twitter.com/SeanOliver) -
[email protected]
Project Link:
[https://github.com/seanoliver/warbler](https://github.com/seanoliver/seanoliver-dot-dev)
Live Site: [https://seanoliver.dev/](https://seanoliver.dev/)
## Acknowledgments
Here are some of other amazing minimalist portfolio sites that inspired this
project:
- [Samuel Kraft](https://samuelkraft.com/)
- [Brittany Chiang](https://brittanychiang.com/)
- [Lee Robinson](https://leerob.io/)
- [Pedro Duarte](https://ped.ro/)
- [Jahir Fiquitiva](https://jahir.dev/)
- [shadcn](https://shadcn.com/)
[Nextjs]:
https://img.shields.io/badge/Next.js-000000?logo=next.js&logoColor=white
[React]: https://img.shields.io/badge/React-20232A?logo=react&logoColor=61DAFB
[TypeScript]:
https://img.shields.io/badge/TypeScript-007ACC?logo=typescript&logoColor=white
[Nodejs]:
https://img.shields.io/badge/Node.js-43853D?logo=node.js&logoColor=white
[shadcn-ui]:
https://img.shields.io/badge/shadcn--ui-FF0000?logo=shadcn-ui&logoColor=white
[TailwindCSS]:
https://img.shields.io/badge/Tailwind_CSS-38B2AC?logo=tailwind-css&logoColor=white
[Vercel]: https://img.shields.io/badge/Vercel-000000?logo=vercel&logoColor=white