DotWay

Inspiration -- DotWay was inspired by the growing need to onboard new users and migrators into the Polkadot ecosystem with a smooth, secure, and familiar experience. We noticed many people struggle with connecting wallets, verifying identity, and discovering Polkadot-native apps. Our goal was to create a bridge that simplifies this process and makes onboarding seamless for both newcomers and experienced users.

What it does -- DotWay allows users to quickly authenticate using social login/Mail and securely connect their accounts to the Polkadot ecosystem. It acts as a gateway for onboarding new users, guiding them through wallet creation, ecosystem exploration, and connecting with Polkadot dApps. Essentially, it reduces friction for anyone wanting to join or migrate to Polkadot.

How we built it -- We built DotWay using Next.js for the frontend, Supabase for authentication and backend data storage, and integrated Polkadot.js APIs to handle wallet connections and user interactions. TailwindCSS and Framer Motion were used to create a responsive, smooth, and interactive UI, while environment variables securely store API keys for social login integrations.

Challenges we ran into -- integrating X/Twitter OAuth and other socials in a secure way while adhering to platform policies.

Ensuring smooth wallet connections and onboarding flows for users unfamiliar with blockchain.

Balancing frontend responsiveness with dynamic Polkadot API calls for live user data.

Handling edge cases with new migrators who may have incomplete or incompatible account setups.

Accomplishments that we're proud of -- Successfully implemented social login that connects directly to Polkadot accounts.

Designed a clean, intuitive onboarding flow for new users and migrators.

Integrated multiple technologies (Next.js, Supabase, Polkadot.js) in a cohesive, performant dApp.

Created a foundation for a scalable ecosystem gateway that can support future Polkadot projects.

What we learned -- How to combine social login with blockchain wallet connections securely.

Best practices for onboarding users in a decentralized ecosystem.

Techniques for handling real-time data from Polkadot.js APIs efficiently.

How to design a frontend that balances complexity, security, and user experience.

What's next for DotWay -- Expand onboarding to support multiple social logins and wallets.

Introduce gamified onboarding tutorials to make Polkadot more accessible.

Add analytics and user feedback mechanisms to continuously improve the experience.

Explore partnerships with other Polkadot dApps to create a fully integrated migration and onboarding platform.

Built With

• next.js
• polkadot.js
• react
• supabase
• tailwindcss