Getting Started with Genji: Your Web3 Adventure Begins Here!

Source: Dev.to

🌟 What’s in the Box?

Genji comes loaded with some pretty sweet tech:

• w3pk – The magic behind our passkey authentication
• Next.js – Fast and modern React framework
• Ethers – Your friendly Web3 sidekick
• Chakra UI – UI components for a polished look
• WCAG 2.1 AA compliance – Accessible by default

Want to see it in action? Check out the live demo!

🚀 Let’s Get You Started!

Step 1: Grab Your Own Copy

Head over to the Genji GitHub repo and click “Use this template.”
Give your new repository a name.

Step 2: Make It Yours

Clone your repo and run:

pnpm customize

The script will:

• Remove Genji branding
• Set up fresh configs
• Self‑destruct when finished

Step 3: Install the Goodies

pnpm i

Grab a coffee ☕ while the dependencies install.

Step 4: Fire It Up!

pnpm dev

Open your browser to http://localhost:3000 and see your Web3 app come to life.

Step 5: Start Building

• Add new pages: src/app directory
• Tweak the UI: src/components
• Configure passkeys: w3pk settings

The world is your oyster! 🦪

🎯 What Can You Build?

• DAOs with easy onboarding – No seed‑phrase nightmares
• Web3 social apps – Password‑free experiences
• DeFi dashboards – Secure and user‑friendly

🤔 What Are Passkeys Anyway?

Passkeys are the new way to authenticate using your device’s built‑in security (Face ID, fingerprint, etc.). No passwords, no seed phrases—just you, your device, and blockchain magic. ✨

🛠️ Pro Tips

• Read the docs: See the /docs folder for context and design guidelines.
• Verify your build: Learn about w3pk build verification.
• Stay accessible: The template is WCAG 2.1 AA compliant out of the box—keep it that way!

🆘 Need Help?

• Open an issue on GitHub.
• Check the w3pk documentation.
• Reach out to Julien.

🎉 You’re Ready!

• Start small.
• Experiment often.
• Break things (in development).
• Build something awesome.

Now go forth and create! The decentralized future is waiting. 🚀

Happy building! If you make something cool with Genji, share it with the community—we’d love to see what you create!