** Not just a board, YOUR board! **
Design a board that's as real as the places you take it.
Click the image above to visit the live website!
Suburbia Skate is where street meets code!
We're talking about a mind-blowing skateboard customization platform that'll make your jaw drop!
| Feature | Description | Cool Factor |
|---|---|---|
| 3D Customizer | Build your dream board in 3D space | |
| Smooth Animations | GSAP-powered buttery smooth transitions | |
| Mobile First | Looks sick on any device | |
| Lightning Fast | Next.js 15 + Turbopack = SPEED | |
| Type Safe | TypeScript keeps bugs away | |
| Pixel Perfect | Every pixel is intentional |
This isn't just a website... it's a digital skatepark!
Here's the secret sauce that makes this project absolutely LEGENDARY!
Next.js 15.5.2 - The React framework that's faster than a kickflip!
React 19.1.0 - The latest and greatest with concurrent features!
TypeScript 5.0 - Because bugs are for insects, not code!
Tailwind CSS 4.0 - Utility-first CSS that's more flexible than a contortionist!
clsx - Conditional classes made simple!
React Icons - Icons for every occasion!
Three.js - 3D graphics that'll blow your mind!
React Three Fiber - Three.js + React = Pure magic!
React Three Drei - Helpful helpers for 3D awesomeness!
GSAP - Animations smoother than butter!
Matter.js - Physics that actually makes sense!
Prismic - Headless CMS that's smarter than a skateboard!
Slice Machine - Visual page building made easy!
ESLint - Code quality that's cleaner than a fresh deck!
Turbopack - Bundling faster than a speeding bullet!
PostCSS - CSS processing that's more powerful than a power slide!
Time to build something EPIC!
- Node.js 18.0+ - The engine that powers this beast!
- npm/yarn/pnpm/bun - Pick your poison! (We recommend npm for beginners)
git clone https://github.com/kirito666coder/suburrbia.gitPro tip: Make sure you have Git installed!
npm install
# or if you're feeling fancy
yarn install
# or if you're a speed demon
pnpm installnpm run dev
# or
yarn dev
# or
pnpm devWatch the terminal come alive!
Navigate to http://localhost:3000 and prepare to be amazed!
CONGRATULATIONS! You're now running Suburbia Skate locally!
Ready to show the world what you've built? Let's deploy this beast!
The project is currently deployed on Netlify and it's looking absolutely FIRE!
- Connect your GitHub repository to Netlify
- Set build command:
npm run build - Set publish directory:
.next - Add environment variables for Prismic
npm run build
npx vercel --prodBoom! You're live!
Want to make this project even MORE awesome? We'd love your help! 🫶
- Fork the repository 🍴
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
We're always looking for fresh ideas and improvements!
This project is licensed under the MIT License - see the LICENSE file for details.
Basically, you can use it, modify it, and make it your own!
- ** Live Website**: https://cerulean-semifreddo-a49298.netlify.app/
Built with ❤️ for the skateboarding community
Escape the Cul-de-sac. Build your board. Ride your way.
Thanks for checking out Suburbia Skate! Keep shredding!