This is my personal profile and portfolio site, built with Next.js, Chakra UI, and Saas UI. It's a dynamic landing page that highlights my experience, skills, and hobbies as a backend developer and systems architect.
Live Site: parkerthornton.net
Source: github.com/DevGamer9991/profile-website-nextjs
Hey there! I’m Parker Thornton. I build high performance infrastructure, design APIs, and run game servers for thousands of users. I love working at the intersection of backend code and networking.
My site showcases:
- My technical expertise (from API design to server orchestration)
- Real-world hosting experience (Docker, Proxmox, Linux)
- Hobbies like car photography, racing, and CTF challenges
- Next.js (App Router, TypeScript)
- Chakra UI & Saas UI for components and styling
- Framer Motion, GSAP for animation
- Instagram API for live photo feed
- Animated hero and highlights section
- Dynamic feature blocks and skills
- Integration with Instagram for my automotive photography
- Pricing table and FAQ (great for freelance/service profiles)
- Responsive and dark mode ready
- Fully customizable from the
/datafolder
Clone and install dependencies:
git clone https://github.com/DevGamer9991/profile-website-nextjs.git
cd profile-website-nextjs
pnpm installRun locally:
pnpm devVisit http://localhost:3000
- Basic Info: Edit
/data/config.tsfor your name, logo, and links. - Sections: Update
/app/(marketing)/page.tsxfor hero, highlights, and features. - Pricing & FAQ: Edit
/data/pricing.tsand/data/faq.ts. - Instagram: Set
INSTAGRAM_USER_IDandINSTAGRAM_ACCESS_TOKENin.env.
app/ # Next.js app directory
components/ # UI and layout components
data/ # Site configuration, pricing, FAQ, hobbies
public/ # Images, favicons, assets
Ready to deploy on Vercel out of the box!
- Saas UI for the base template and inspiration
- Chakra UI for the component library
- GSAP & Framer Motion for animation
MIT © 2025 Parker Thornton