Minecraft community / React & Next.js
CandyCraft
A welcoming little world, from the first visit to the store.
I designed and built CandyCraft's community portal and custom storefront with a bright candy-inspired identity. The website brings joining, community destinations and commerce together through a shared visual language, with React and Next.js powering the interface and PayNow supporting the store.
- Focus
- Community portal & commerce
- Platform
- Website & custom store
- Built with
- React · Next.js · PayNow
The challenge
CandyCraft needed an inviting first impression without making familiar player tasks difficult to find. Visitors should be able to join the Minecraft server, find the community, vote or visit the store from the entrance. The portal had to make those choices obvious while giving the server a recognisable personality.
The store brought another set of requirements: products, player context, currency selection and checkout. A colourful interface still needs a clear information hierarchy. The challenge was to carry the playful visual direction into commerce while keeping account controls and product actions understandable on different screen sizes.
The approach
Make the entrance feel like CandyCraft
Pastel colours, candy scenery and the server's colourful logo establish the identity. Large destination cards separate the store, voting and video content, while the joining and Discord panels provide practical community entry points. Players can choose a direction without reading a long introduction first.
Carry the identity through the catalogue
The storefront reuses the same visual language in navigation, account panels and product cards. Product artwork, prices and choose actions have consistent positions. The layout keeps the category area and player account easy to recognise, so the decorative treatment supports the shopping interface.
Keep community and commerce connected
React and Next.js provide the application structure, with JavaScript handling the interactive interface. PayNow integration supports store data, customer context, baskets and checkout. Joining controls, community information, staff and rules remain part of the wider site, helping the store feel connected to the people who use it.
Project screenshots
A closer look
03 / Inside the project
The technology behind CandyCraft
The languages and tools used to bring the project to life.
The stack
- React & Next.js
- Community portal and interactive storefront
- JavaScript
- Player account, product and basket interactions
- PayNow
- Commerce API and hosted checkout
- CSS
- Candy-themed layouts, components and responsive styling
Code by language
- JavaScript
- 51.1%
- CSS
- 48.9%
The result
CandyCraft now has a coordinated portal and storefront with a distinct visual identity. The homepage offers direct community destinations, and the store extends that identity into product browsing. The portfolio screenshots show the live portal and its gem catalogue, including the shared header and account area.
This project demonstrates custom Minecraft website design across both content and commerce. The work combines responsive presentation with the practical interactions a server community expects: a way to join, places to find help and a store that is understandable within the same branded experience.
Have something in mind?
Let’s build your next project.
Tell me what you want people to do, and we can work out the right experience to support it.
