https://github.com/jolbol1/jamesshopland.com
My previous personal website code. Written in NextJs and deployed using Vercel.
https://github.com/jolbol1/jamesshopland.com
nextjs react tailwindcss typescript
Last synced: about 1 year ago
JSON representation
My previous personal website code. Written in NextJs and deployed using Vercel.
- Host: GitHub
- URL: https://github.com/jolbol1/jamesshopland.com
- Owner: jolbol1
- License: mit
- Created: 2023-04-17T09:38:08.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-06-09T05:07:28.000Z (about 1 year ago)
- Last Synced: 2025-06-09T06:19:59.810Z (about 1 year ago)
- Topics: nextjs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://v4.jamesshopland.com
- Size: 29.3 MB
- Stars: 30
- Watchers: 2
- Forks: 5
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
[![Vercel][vercel-badge]](https://jamesshopland.com)
JamesShopland.com
My personal website. Currently built using NextJs. Playground for me to learn new things.
Explore the docs »
View Site
·
Report Bug
·
Request Feature
## About The Project
My personal portfolio site. Made as a hub to show of my projects and skills.
I use this site as a place to learn new frameworks and more, from time to time it may completely change as I try out new things. Currently using NextJs, React and TypeScript.
Previously written in Svelte, Gatsby React and pure HTML.
The site is deployed via Vercel.
### Built With
- [![Next][next.js]][next-url]
- [![Vite][vite-badge]][vite-url]
- [![Typescript][typescript-badge]][typescript-url]
- [![Tailwind][tailwind-badge]][tailwind-url]
## Getting Started
To get a local copy up and running follow these simple example steps.
### Installation
1. Clone the repo
```sh
git clone https://github.com/jolbol1/jolbol1.github.io.git
```
2. Install NPM packages
```sh
npm install
```
3. Spin it up!
```sh
npm run dev
```
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Your Name - [@JollyShopland](https://twitter.com/JollyShopland) - github@jamesshopland.com
Project Link: [https://github.com/jolbol1/JamesShopland.com](https://github.com/jolbol1/JamesShopland.com)
[contributors-shield]: https://img.shields.io/github/contributors/jolbol1/JamesShopland.com.svg?style=for-the-badge
[contributors-url]: https://github.com/jolbol1/JamesShopland.com/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/jolbol1/JamesShopland.com.svg?style=for-the-badge
[forks-url]: https://github.com/jolbol1/JamesShopland.com/network/members
[stars-shield]: https://img.shields.io/github/stars/jolbol1/JamesShopland.com.svg?style=for-the-badge
[stars-url]: https://github.com/jolbol1/JamesShopland.com/stargazers
[issues-shield]: https://img.shields.io/github/issues/jolbol1/JamesShopland.com.svg?style=for-the-badge
[issues-url]: https://github.com/jolbol1/JamesShopland.com/issues
[license-shield]: https://img.shields.io/github/license/jolbol1/JamesShopland.com.svg?style=for-the-badge
[license-url]: https://github.com/jolbol1/JamesShopland.com/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/james.shopland
[product-screenshot]: images/screenshot.png
[next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[next-url]: https://nextjs.org/
[react.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[react-url]: https://reactjs.org/
[vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[vue-url]: https://vuejs.org/
[angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[angular-url]: https://angular.io/
[svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[svelte-url]: https://svelte.dev/
[laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[laravel-url]: https://laravel.com
[bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[bootstrap-url]: https://getbootstrap.com
[jquery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[jquery-url]: https://jquery.com
[gatsby-badge]: https://img.shields.io/badge/Gatsby-%23663399.svg?style=for-the-badge&logo=gatsby&logoColor=white
[gatsby]: https://www.gatsbyjs.com/
[typescript-badge]: https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white
[typescript-url]: https://www.typescriptlang.org/
[tailwind-badge]: https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white
[tailwind-url]: https://tailwindcss.com/
[svelte-badge]: https://img.shields.io/badge/svelte-%23f1413d.svg?style=for-the-badge&logo=svelte&logoColor=white
[svelte-url]: https://svelte.dev/
[vite-badge]: https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white
[vite-url]: https://vitejs.dev/
[vercel-badge]: https://img.shields.io/github/deployments/jolbol1/JamesShopland.com/production?label=Vercel&logo=vercel&style=for-the-badge