[V0_FILE]typescriptreact:file="components/mode-toggle.tsx" isMerged="true" "use client" import { Moon, Sun } from "lucide-react" import { useTheme } from "next-themes" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" export function ModeToggle() { const { setTheme } = useTheme() return ( setTheme("light")}>Light setTheme("dark")}>Dark setTheme("system")}>System ) } [V0_FILE]typescriptreact:file="components/section-header.tsx" isMerged="true" interface SectionHeaderProps { id?: string title: string description: string } export default function SectionHeader({ id, title, description }: SectionHeaderProps) { return (

{title}

{description}

) } [V0_FILE]typescriptreact:file="components/bootcamp-section.tsx" isMerged="true" "use client" import { useState } from "react" import Image from "next/image" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent } from "@/components/ui/card" import SectionHeader from "@/components/section-header" import VideoCard from "@/components/video-card" import { bootcampPolkadotSdkVideos, bootcampSolidityOnPolkaVmVideos } from "@/constants" export default function BootcampSection() { const [activeTab, setActiveTab] = useState("polkadot-sdk") return (

Join the next cohort

Registration is now open for the next Open Polkadot Bootcamp. Learn from industry experts and build real-world projects.

📚 Register Now

Polkadot SDK Track Solidity on PolkaVM Track

Polkadot SDK Curriculum

Learn how to build scalable blockchains using the Polkadot SDK. This track covers everything from basic concepts to advanced parachain development.

{bootcampPolkadotSdkVideos.length} videos

• 10 sections

{bootcampPolkadotSdkVideos.slice(0, 6).map((video, index) => ( ))}

{bootcampPolkadotSdkVideos.length > 6 && (

View all {bootcampPolkadotSdkVideos.length} videos

)}

Solidity on PolkaVM Curriculum

Learn how to use Solidity on PolkaVM, a revolutionary smart contract platform built on RISC-V. This track is perfect for Ethereum developers looking to build on Polkadot.

{bootcampSolidityOnPolkaVmVideos.length} videos

• 3 sections

{bootcampSolidityOnPolkaVmVideos.slice(0, 6).map((video, index) => ( ))}

{bootcampSolidityOnPolkaVmVideos.length > 6 && (

View all {bootcampSolidityOnPolkaVmVideos.length} videos

)}

) } [V0_FILE]typescriptreact:file="components/video-card.tsx" isMerged="true" import { Card, CardContent, CardFooter } from "@/components/ui/card" interface VideoCardProps { video: { title: string description: string url: string } } export default function VideoCard({ video }: VideoCardProps) { return (

{video.title}

{video.description}

) } [V0_FILE]typescriptreact:file="components/courses-section.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" import { ExternalLink } from "lucide-react" import { Card, CardContent, CardFooter } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import SectionHeader from "@/components/section-header" import { courses } from "@/constants" export default function CoursesSection() { return (

{courses.map((course, index) => (

{course.img ? ( {course.title}

) : (

No image

)}

{course.released ? "Released" : "Coming Soon"}

{course.title}

{course.description}

{course.released && ( View Course )} ))}

) } [V0_FILE]typescriptreact:file="components/workshops-section.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" import { ExternalLink } from "lucide-react" import { Card, CardContent, CardFooter } from "@/components/ui/card" import SectionHeader from "@/components/section-header" import { workshops } from "@/constants" export default function WorkshopsSection() { return (

{workshops.slice(0, 6).map((workshop, index) => (

{workshop.img ? ( {workshop.title}

) : (

No image

)}

{workshop.title}

{workshop.description}

View Workshop ))}

{workshops.length > 6 && (

View all {workshops.length} workshops

)}

) } [V0_FILE]typescriptreact:file="components/technical-videos-section.tsx" isMerged="true" "use client" import { useState } from "react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import SectionHeader from "@/components/section-header" import VideoCard from "@/components/video-card" import { technicalVideos, communityCallVideos, generalVideos } from "@/constants" export default function TechnicalVideosSection() { const [activeTab, setActiveTab] = useState("technical") return (

Technical Sessions Community Calls General Videos

{technicalVideos.map((video, index) => ( ))}

{communityCallVideos.map((video, index) => ( ))}

{generalVideos.map((video, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/research-section.tsx" isMerged="true" import Image from "next/image" import Link from "next/link" import { ExternalLink } from "lucide-react" import { Card, CardContent, CardFooter } from "@/components/ui/card" import SectionHeader from "@/components/section-header" import { researchArticles } from "@/constants" export default function ResearchSection() { return (

{researchArticles.map((article, index) => (

{article.img ? ( {article.title}

) : (

No image

)}

{article.title}

{article.description}

Read Article ))}

) } [V0_FILE]typescriptreact:file="components/learning-journey-section.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { ExternalLink, CheckCircle, Circle } from "lucide-react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import SectionHeader from "@/components/section-header" import { learningResources } from "@/constants" export default function LearningJourneySection() { const [activeTab, setActiveTab] = useState("beginner") // Filter resources by level const beginnerResources = learningResources.filter((resource) => resource.Level === "Beginner") const intermediateResources = learningResources.filter((resource) => resource.Level === "Intermediate") const advancedResources = learningResources.filter((resource) => resource.Level === "Advanced") const renderResourceCard = (resource: any) => { const isCompleted = resource.Status === "Done" const isInProgress = resource.Status === "In progress" return (

{isCompleted ? ( ) : isInProgress ? ( In Progress ) : ( )}

{resource["Course Name"]}

{resource.Category}

{resource.Language} {resource["Bundle Name"] && ( {resource["Bundle Name"]} )} {resource["Third-party source"] === "Yes" && ( External )}

Source: {resource.Source} View Resource

) } return (

Beginner Intermediate Advanced

Beginner Path

Start your Polkadot development journey with these foundational resources. Focus on learning Rust, understanding blockchain basics, and getting familiar with Substrate.

{beginnerResources.map(renderResourceCard)}

Intermediate Path

Deepen your knowledge with these intermediate resources. Learn about FRAME pallets, runtime development, and building custom blockchains with Substrate.

{intermediateResources.map(renderResourceCard)}

Advanced Path

Master advanced topics with these resources. Explore parachain development, cross-chain messaging (XCM), consensus mechanisms, and more.

{advancedResources.map(renderResourceCard)}

) } [V0_FILE]typescriptreact:file="components/ui/loader.tsx" isMerged="true" import type React from "react" import { cn } from "@/lib/utils" interface LoaderProps extends React.HTMLAttributes {} export function Loader({ className, ...props }: LoaderProps) { return (

) } [V0_FILE]typescriptreact:file="constants/index.ts" isMerged="true" export const technicalVideos = [ { url: "https://www.youtube.com/embed/xWp-83KYkXs?si=ETs8dhYv0z_Zd-MZ" }, { url: "https://www.youtube.com/embed/X8cyx0RK4JY?si=7H55xUwvAREt30z4" }, { url: "https://www.youtube.com/embed/G5c6yIzwxlA?si=jFb72eCUyo07Wucm" }, { url: "https://www.youtube.com/embed/v1X7jQ0PFHg?si=hynlx8C3RSx3xXRB" }, ] export const twitterPosts = [ "1874079262053118130", "1887847373415825677", "1880197140208841123", "1782770731795054927", "1792767337713779154", "1786773482858315925", "1778651572098273641", "1797804207988482467", "1786214095072415878", "1789269745331794304", "1791133994891055408", "1785668169291718919", "1798287171276931355", "1791469499969146953", "1783842187291300123", "1773305755241713707", "1771594959575003184", "1786043246130651262", "1815310938595373549", "1810971713532051886", ] export const communityTwitterFeedback = [ "1874108145917968809", "1858501575599120583", "1802729635131576609", "1876935969586233824", "1885572885038981373", "1876253091252572264", "1853851765554524575", "1863975195033366801", "1874681451532501250", "1882106972964790701", "1886406584101994559", "1880507330179338391", "1876586124254294072", "1882766290923995569", "1883158068126798237", "1883811358904668491", "1885327666188009479", ] export const communityCallVideos = [ { url: "https://www.youtube.com/embed/W08ShT6sjEg?si=A3q6cZ9yVxAqKPCA" }, { url: "https://www.youtube.com/embed/vtJrd1GGyRw?si=O7QoHcmkCyGHWV37" }, { url: "https://www.youtube.com/embed/-eUXFnaMknE?si=IeX472WrU9Uci2Gm" }, { url: "https://www.youtube.com/embed/0C0egTSeagA?si=u2Xhc-ZX1hSgmQhW" }, { url: "https://www.youtube.com/embed/fk2CCHgmKbU?si=XXAJdUm6afHIsYhr" }, { url: "https://www.youtube.com/embed/sULMQwEQiAo?si=GEAYhfdNyXKDMxZS" }, { url: "https://www.youtube.com/embed/y00WII8ninA?si=0dXYfBbIJ_knRNsT" }, ] export const generalVideos = [ { url: "https://www.youtube.com/embed/rT2ydAarNG8?si=SKBa4t5hMRQp7kX_" }, { url: "https://www.youtube.com/embed/-GLRrdwtoqg?si=DNLPMGlDRfWdm36q" }, { url: "https://www.youtube.com/embed/L4tBpW5u8WM?si=bd71NzfrJ9D0Y3bx" }, { url: "https://www.youtube.com/embed/wIvDCHZyr1E?si=9PGHscFT8j4LPIx4" }, ] export const substrateCourses = [ { title: "Substrate Course: NFT Blockchain", description: `Substrate is the primary blockchain SDK used by developers to create the parachains that make up the Polkadot network.`, url: "https://github.com/openguild-labs/substrate-kitties", img: "/static/images/polkadot/workshops/SubstrateKitties.png", released: true, }, { title: "Substrate Course: Nominated Proof of Stake Blockchain", description: `Learn how to configure the nominated proof of stake mechanism to your Substrate-based blockchain`, url: "https://github.com/openguild-labs/substrate-npos", img: "/static/images/polkadot/workshops/SubstrateNpos.png", released: true, }, { title: "Substrate Course: Delegated Proof of Stake Blockchain", description: `Delegated Proof of Stake (DPoS) is a blockchain consensus mechanism where network users vote and elect delegates to validate the next block.`, url: "https://github.com/openguild-labs/substrate-dpos", img: "/static/images/polkadot/workshops/SubstrateDpos.webp", released: true, }, { title: "Substrate Course: Breakdown Moonbeam Architecture", description: `Moonbeam is a full Ethereum-like environment and works with industry-standard Ethereum tools, DApps, and protocols.`, url: "https://github.com/openguild-labs/substrate-moonbeam", img: "/static/images/polkadot/workshops/SubstrateMoonbeam.webp", released: true, }, { title: "Substrate Course: EVM-compatible blockchain", description: `Learn how to build a Substrate-based blockchain with an ability to compile and execute EVM-compatible contracts.`, url: "https://github.com/openguild-labs/substrate-evm", img: "/static/images/polkadot/workshops/SubstrateEvm.webp", released: false, }, ] export const courses = [ ...substrateCourses, { title: "Rust Programming Course: OpenRust", description: `Substrate is the primary blockchain SDK used by developers to create the parachains that make up the Polkadot network.`, url: "https://github.com/openguild-labs/open-rust", img: "/static/images/polkadot/workshops/OpenRust.png", released: true, }, ].sort((ca, cb) => (cb.released ? 1 : -1) - (ca.released ? 1 : -1)) export const workshops = [ { title: "Introduction to Polkadot SDK - Substrate", description: "Framework to build blockchain with ease.", url: "https://docs.google.com/presentation/d/111Oc9ugmJW984SjAYhlnD1cX51RpRgt5/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", img: "/static/images/polkadot/workshops/workshop-01.png", released: true, }, { title: "Blockchain Builder Tool: Substrate & OpStack", description: `Introducing the similarities and architecture of Substrate and OpStack.`, url: "https://docs.google.com/presentation/d/1P4KHHwOQqmJDaXz2czjCU-F_mMe_U03xJEJGXlMEF4Y/edit?usp=sharing", img: "/static/images/polkadot/workshops/workshop-02.webp", released: true, }, { title: "Building Rust Production-Ready System", description: `Walk through key features of Rust and how it is applied in the real world scalable system`, url: "https://docs.google.com/presentation/d/13ebc9cS-0CWTCUDC2V1pfuBQR5cXTRj1/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", img: "/static/images/polkadot/workshops/workshop-03.webp", released: true, }, { title: "In and Out of DePIN on Polkadot", description: `Exploring the in and out of the decentralized physical infrastructure network on Polkadot`, url: "https://docs.google.com/presentation/d/1PHDHAzBbuMfue1z2XMzpa2sU9YJ1q0zc/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", img: "/static/images/polkadot/workshops/Community_Call_4.webp", released: true, }, { title: "Developing Rust Applications", description: `Introducing Rust language ecosystem and technical stack for building applications using Rust`, url: "https://docs.google.com/presentation/d/1s0jqtgt3DYMfYU7k_gaNOLFR9vMo6rrjJULIak2KdMU/edit?usp=sharing", img: "/static/images/polkadot/workshops/workshop-05.png", released: true, }, { title: "JAM: Demystifying the evolution of Polkadot", description: `Jam introduces a decentralized hybrid system offering smart-contract functionality structured...`, url: "https://docs.google.com/presentation/d/1g9WSTcpS3M1cM_lSSKdHak0s_dm_LVYB/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", img: "/static/images/polkadot/workshops/Community_Call_6.webp", released: true, }, { title: "From Personal Computer to Polkadot Ubiquitous Computing Engine", description: `Introducing history of the computing machine and how the next generation of computation is invented`, url: "https://docs.google.com/presentation/d/1apZtV0p8cE_B0eT4KtLeVhQoR3Se81r0/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", img: "/static/images/polkadot/workshops/Community_Call_4.2.webp", released: true, }, { title: "Maximizing Polkadot Capabilities with POP network", description: `Introducing about the R0GUE team and their startup story behinds the invention of the POP network`, url: "https://docs.google.com/presentation/d/1FQkUhO416KiPcMOa4aOfp8iKAoxKJpbACZ6-p315eMo/edit?usp=sharing", img: "/static/images/polkadot/workshops/Community_Call_10.webp", released: true, }, { title: "Getting Started with Polkadot SDK", description: `Introducing the powerful Polkadot SDK for developing a blockchain with speed and security.`, url: "https://docs.google.com/presentation/d/1qH6SvWcueV2XglbVSiB3abXnBEQS9aE-AkYN4qB1He8/edit?usp=sharing", img: "/static/images/polkadot/workshops/Community_Call_13.webp", released: true, }, { title: "Demystifying the workflow of Polkadot decentralized applications with Dedot", description: "A deep dive into Dedot, exploring the workflow of building decentralized applications on Polkadot.", url: "https://docs.google.com/presentation/d/15LgOETDplI34M1NnU5v7Hs-izrUdoDaiaEeRGdNCSKk/edit?usp=sharing", released: true, }, { title: "Breaking down the Polkadot SDK source code", description: "An analysis of Polkadot SDK source code, providing insights into its architecture and functionality.", url: "https://docs.google.com/presentation/d/1bLQfpPXc268k61Q5eYTeTOodMJxwfFnXt8ZrIpoMO8w/edit#slide=id.p", released: true, }, { title: "How Polkadot empowers cross-chain decentralized finance", description: "An exploration of how Polkadot facilitates decentralized finance across multiple blockchains.", url: "https://docs.google.com/presentation/d/1xOa3YngT5iH-WMDHrJ8H4RinYP1Pzr5bqjIYhutbZfc/edit?usp=sharing", released: true, }, { title: "Peer-to-peer Network and Why it is the END GAME of the Internet?", description: "An introduction to peer-to-peer networks and why they represent the future of internet infrastructure.", url: "https://docs.google.com/presentation/d/11GMPMg0fIM2GwP4GKVbShkgbhEPvsWR-tIUfK0gfbYM/edit?usp=sharing", released: true, }, { title: "The Next Generation Of The Internet - Web 3.0", description: "A comprehensive guide to Web 3.0 and its potential to revolutionize the internet.", url: "https://docs.google.com/presentation/d/1efPd-PxcdC3nPimASNiN744EJWIwqp7Y/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", released: true, }, { title: "Building a decentralized applications on Polkadot", description: "A step-by-step guide on building decentralized applications (dApps) using Polkadot.", url: "https://docs.google.com/presentation/d/1mWR4Y75-IFg3gtnN7X_u_IJzIbtdG87g/edit?usp=sharing&ouid=114747115887247911480&rtpof=true&sd=true", released: true, }, { title: "Upgradeable Proxy - Techniques for Creating and Managing Upgradeable Contracts", description: "Learn about techniques for creating and managing upgradeable smart contracts on Polkadot.", url: "https://docs.google.com/presentation/d/1LL2_CPGvbGfhhMpwKm_VzLZeDxFVahPph5cM37QUftI/edit?usp=drive_link", released: true, }, { title: "Demystifying Vara Network: Inftrastructure for Secure Smart Contract Development", description: "An overview of Vara Network, designed to support secure and efficient smart contract development.", url: "https://docs.google.com/presentation/d/1pmpZ6zqegfIjD7UngRbN1dxFwktTMmuCfABwfNNTcug/edit?usp=drive_link", released: true, }, { title: "Hyperbridge - Cryptographically secure cross-chain interoperability", description: "Explaining Hyperbridge, the cryptographic solution enabling secure cross-chain interoperability in the Polkadot ecosystem.", url: "https://docs.google.com/presentation/d/1hT3zc-Zmv6S0uKT4W-0SxBBjjqtIwwGj/edit?usp=drive_link&ouid=114747115887247911480&rtpof=true&sd=true", released: true, }, { title: "Unlock the power of appchain infrastructure with Tanssi Network", description: "Explore how Tanssi Network provides appchain infrastructure and its role in the decentralized ecosystem.", url: "https://docs.google.com/presentation/d/1XmOwA7KidoE7MDzn_SvVJAtlFKjKH5x-i_Hnqa4Hb70/edit?usp=drive_link", released: true, }, { title: "Seamless Polkadot development with POP", description: "A guide to developing on Polkadot seamlessly using the POP network.", url: "https://docs.google.com/presentation/d/1jwd4BTvaaMNDR5a8yYkp-S5baORXVMrkc8rMe48mqi4/edit?usp=drive_link", released: true, }, ].sort((ca, cb) => (cb.title > ca.title ? -1 : 1)) export const researchArticles = [ { title: "Relaychain Hybrid Consensus", description: "Learning about hybrid consensus in Relaychain and why it is important to the Polkadot protocol?", url: "1809203505649037391", img: "/static/images/polkadot/articles/research-article-1.jpeg", released: true, }, { title: "Breakdown the sharded network design of Polkadot", description: `Discover deeper into how Polkadot is designed to be a fragmented network, or we can say a multi-chain, multi-sharded network as well.`, url: "https://x.com/chungquantin/status/1809864276850704882", img: "/static/images/polkadot/articles/research-article-2.jpg", released: true, }, { title: "Breakdown the Tanssi network architecture", description: `Discover deeper into how Tanssi network powers AppChain deployment with their infrastructure.`, url: "https://x.com/openguildwtf/status/1831633260545454471", img: "/static/images/polkadot/articles/research-article-3.jpeg", released: true, }, ].sort((ca, cb) => (cb.released ? 1 : -1) - (ca.released ? 1 : -1)) export const inkTutorials = [ { title: "OpenHack Workshop - ink! Starter", description: "Getting started with ink! smart contract development.", url: "https://github.com/openguild-labs/open-hack-ink-starter", img: "/static/images/polkadot/workshops/OpenHack_inkStarter.png", released: true, }, { title: "OpenHack Workshop - ink! Advanced", description: "Learning more advanced concepts in ink! related to token standards and more.", url: "https://github.com/openguild-labs/open-hack-ink-advanced", img: "/static/images/polkadot/workshops/OpenHack_inkAdvanced.png", released: true, }, { title: "OpenHack Workshop - Dedot", description: "Introduction to the client library Dedot to interact with Substrate-based nodes and ink! smart contract language.", url: "https://github.com/openguild-labs/open-hack-dedot", img: "/static/images/polkadot/workshops/OpenHack_Dedot.png", released: true, }, ] export const bootcampPolkadotSdkVideos = [ { title: "Open Polkadot Bootcamp 2025 - Introduce the Developer Bootcamp", description: "In this series, Tin Chung will take you step-by-step through the Polkadot SDK, empowering you to build scalable dApps and parachains on the Polkadot ecosystem.", url: "https://www.youtube.com/embed/JEvsI41bhUg?si=LwTpbT7-1B7HkEtc", }, { title: "Open Polkadot Bootcamp 2025 - Introduce to Polkadot & Polkadot SDK [Section 1]", description: "In this video, we'll introduce you to the Polkadot network, its revolutionary blockchain architecture, and the Polkadot SDK that powers developers to build scalable, interoperable blockchains", url: "https://www.youtube.com/embed/h-a0_i5WomA?si=m96gxM6tEoftEAvd", }, { title: "Open Polkadot Bootcamp 2025 - Create a blockchain with Polkadot SDK [Section 2]", description: "In this video, we'll guide you through creating a blockchain from scratch using the Polkadot SDK. You'll learn the fundamentals of Substrate-based development and how to customize your chain for specific use cases.", url: "https://www.youtube.com/embed/5G6YazQnPI4?si=3zQ_m-vVtDs69jQW", }, { title: "Open Polkadot Bootcamp 2025 - Build a State Machine from scratch [Section 3]", description: "In this tutorial, we'll walk you through building a state machine—the foundation of any blockchain—entirely from scratch. Learn how states transition and how to implement efficient and secure state management.", url: "https://www.youtube.com/embed/QettrQIXA1c?si=KvHq27HvdbSGkT9Y", }, { title: "Open Polkadot Bootcamp 2025 - Adding a custom logic to a Runtime [Section 4 | Part 1]", description: "This video explores how to add custom logic to your blockchain runtime using the Polkadot SDK. Whether you're designing a dApp or a parachain, this tutorial will show you how to tailor your chain to meet specific needs.", url: "https://www.youtube.com/embed/diMgOaIYo-s?si=WGfx1tReH26jKGHn", }, { title: "Open Polkadot Bootcamp 2025 - Common Runtime Modules [Section 4 | Part 2]", description: "This video provides an overview of commonly used runtime modules and their functionalities. From account management to governance, you'll learn how to utilize these building blocks to accelerate your blockchain development.", url: "https://www.youtube.com/embed/zCIvp_P5atY?si=uF-AeIIA-4nZx9KA", }, { title: "Open Polkadot Bootcamp 2025 - Substrate Storage Abstractions & Common Storage [Section 4 | Part 3]", description: "In this video, we break down the storage abstraction in Substrate and explore common storage types. Learn how to store and manage on-chain data efficiently and securely for your dApps or parachains.", url: "https://www.youtube.com/embed/Fco3oc1JuoI?si=BzT175YUSt_3O_-0", }, { title: "Open Polkadot Bootcamp 2025 - Hooks (Polkadot SDK) [Section 4 | Part 4]", description: "In this tutorial, we explain what hooks are, how they work, and how to implement them for lifecycle management in your runtime modules.", url: "https://www.youtube.com/embed/jGLb5Jlh8WI?si=lfOeN1x2N0-gj9Bl", }, { title: "Open Polkadot Bootcamp 2025 - Runtime API (Polkadot SDK) [Section 4 | Part 5]", description: "This video focuses on exposing logic from your runtime to external nodes. Learn how Runtime APIs work and how to use them to build efficient and interactive blockchain solutions.", url: "https://www.youtube.com/embed/BTz39Kzlv-U?si=qxXAhMB3jD99QJJO", }, { title: "Open Polkadot Bootcamp - Interact with Substrate node on PolkadotJS Apps [Section 5 | Part 1]", description: "This tutorial demonstrates how to interact with a Substrate node using PolkadotJS Apps. You'll learn how to test transactions, query storage, and deploy smart contracts via Polkadot's web interface.", url: "https://www.youtube.com/embed/uMaSEWajHT0?si=-MJ20uPmy58c1Bl_", }, { title: "Open Polkadot Bootcamp - Mainnet, Testnet and Canary Network [Section 5 | Part 2]", description: "This video explains the purpose of each environment and provides best practices for deploying and testing your blockchain.", url: "https://www.youtube.com/embed/HL0Y0vseNuE?si=UkwnoYPIX43G8sYP", }, { title: "Open Polkadot Bootcamp - Bump a Polkadot SDK version [Section 6]", description: "This tutorial covers how to bump a Polkadot SDK version, ensuring your project benefits from the latest features, security updates, and optimizations.", url: "https://www.youtube.com/embed/6nhIZmE1Nck?si=jkU0dNIvUaLhJ1uR", }, { title: "Open Polkadot Bootcamp - Path of Parachain block breakdown [Section 7]", description: "In this video, we break down the path of a parachain block, explaining how data flows through the network and ensuring security, validation, and consensus.", url: "https://www.youtube.com/embed/qv_kCjFvq8k?si=fV5lZKwZcn-SWLM2", }, { title: "Open Polkadot Bootcamp - Polkadot SDK - Introduce to Cumulus [Section 8]", description: "In this video, we'll introduce you to the Cumulus framework, its architecture, and how it connects parachains to the relay chain for seamless interoperability.", url: "https://www.youtube.com/embed/97qt3AdZZnQ?si=CR4WEIuz1bqyJRHa", }, { title: "Open Polkadot Bootcamp - Connect A Parachain To Relaychain Network [Section 9]", description: "This tutorial provides a step-by-step guide on configuring and registering your parachain for full network integration.", url: "https://www.youtube.com/embed/1epyfBorXI8?si=TnsBICT11xdTWLso", }, { title: "Open Polkadot Bootcamp - Introduction to XCM, Transport Protocols & XCVM [Section 10 | Part 1]", description: "This video explains the basics of XCM, the transport protocol, and XCVM, enabling seamless communication and interactions across blockchains.", url: "https://www.youtube.com/embed/4dcqMtPOlbk?si=aIeqBVb91bSLChs4", }, { title: "Open Polkadot Bootcamp - XCM Fundamentals with Locations & Assets [Section 10 | Part 2]", description: "In this video, we explore location concepts, asset transfers, and the fundamentals of cross-chain messaging within the Polkadot ecosystem.", url: "https://www.youtube.com/embed/bd-vz5E2Vyk?si=I5qDHMHW_vnCBV50", }, { title: "Open Polkadot Bootcamp - Teleport, Transfers and Transact [Section 10 Part 3]", description: "This tutorial demonstrates how to use Teleport, Transfer, and Transact functions to move assets across chains and execute transactions securely and efficiently.", url: "https://www.youtube.com/embed/GQU3EXX8v4Q?si=wKJ2iaSU4YdhKmE3", }, ] export const bootcampSolidityOnPolkaVmVideos = [ { title: "Open Polkadot Bootcamp 2025 - Introduce PolkaVM", description: "In this video, we introduce you to PolkaVM, a revolutionary smart contract platform built on RISC-V. Learn how PolkaVM empowers EVM developers to build efficient, scalable, and interoperable smart contracts on Polkadot.", url: "https://www.youtube.com/embed/EFTMgkqZDNE?si=xUbT4b91qgqUQXAR", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Getting Started [Section 1 | Part 1]", description: "In this tutorial, we'll set up the tools and environment needed for developing and deploying smart contracts on PolkaVM. By the end, you'll have everything ready to start building on this innovative platform.", url: "https://www.youtube.com/embed/01Day_18Eio?si=RifGFW_WVNhlqq4E", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Structure of a Solidity file - [Section 1 | Part 2]", description: "This video breaks down the anatomy of a Solidity file, including its essential components, and shows how PolkaVM adapts Solidity for RISC-V-based execution.", url: "https://www.youtube.com/embed/b61wDEsjxpE?si=YXfzkP7JXUUFOkt2", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Contract structure - [Section 1 | Part 3]", url: "https://www.youtube.com/embed/DGa6EcMsoe8?si=xApgsuysoB-E9iAF", description: "In this tutorial, we'll explore the overall structure of a smart contract in PolkaVM, including state variables, functions, and modifiers. Gain a solid foundation for building complex and secure contracts.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Simple Storage [Section 2]", url: "https://www.youtube.com/embed/QQyOH0eivTc?si=z7a4zMbkO6iEULgT", description: "In this video, we'll create a basic storage contract to demonstrate how PolkaVM handles state changes and persistent data on the blockchain.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Value Types [Section 2 | Part 2]", url: "https://www.youtube.com/embed/iYgPpoxXEYw?si=xe4JfBtRVkbqj2Ux", description: "This tutorial covers common value types like integers, booleans, and addresses, explaining how they're used and managed within the PolkaVM framework.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Reference Types [Section 2 | Part 3]", url: "https://www.youtube.com/embed/oYcc_ZWTsic?si=_QjPolEjwr0BmhEA", description: "In this video, we'll discuss arrays, structs, and other reference types, showing how to store and manipulate complex data structures in smart contracts.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Mapping Types - [Section 2 | Part 4]", url: "https://www.youtube.com/embed/lhgvmmMbDkc?si=MfHkBnEDUKYMaiCX", description: "This tutorial demonstrates how mappings work in PolkaVM, their syntax, and best practices for organizing and retrieving data in your contracts.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Advanced Storage [Section 3]", url: "https://www.youtube.com/embed/J2Zi44l5LwA?si=kd3AMx94910yRIwl", description: "In this video, we'll explore advanced storage concepts in PolkaVM, including dynamic data handling and optimization techniques for more efficient smart contracts.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Units [Section 3 | Part 2]", url: "https://www.youtube.com/embed/91yjmtDWUok?si=WiDxXgPy80814_L1", description: "This tutorial explains how to work with time units, currency denominations, and other measurement systems within smart contracts.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Global Variables [Section 3 | Part 3]", url: "https://www.youtube.com/embed/ZHA1tt1qYB0?si=aAq1Cbp4mt6a2t4I", description: "In this video, we'll cover essential global variables like msg.sender and block.timestamp, demonstrating how they're used to build dynamic and secure contracts.", }, { title: "Open Polkadot Bootcamp 2025 - PolkaVM - Expression and Control Structures - [Section 3 | Part 4]", url: "https://www.youtube.com/embed/UdIxAO_Jha8?si=ax5xEh3C-ooaft2Q", description: "This tutorial teaches you how to use if-else statements, loops, and other control structures to create logic for your smart contracts in PolkaVM.", }, ] export const rustTutorials = [ { title: "OpenHack Workshop - Rust Starter", description: "Introduce Rust programming language and help the participants to get familiar with the language.", url: "https://github.com/openguild-labs/open-hack-rust-starter", img: "/static/images/polkadot/workshops/OpenHack_RustStarter.png", released: true, }, ] export const substrateTutorials = [ { title: "OpenHack Workshop - Substrate Starter", description: "Introduce Polkadot SDK - Substrate and help the participants to get familiar with the blockchain builder tool.", url: "https://github.com/openguild-labs/open-hack-substrate-starter", img: "/static/images/polkadot/workshops/OpenHack_SubstrateStarter.png", released: true, }, ] export const technicalActivityProjects = [...substrateTutorials, ...rustTutorials, ...inkTutorials].sort( (ca, cb) => (cb.released ? 1 : -1) - (ca.released ? 1 : -1), ) export const learningResources = [ { "Course Name": "Open Rust Bootcamp", Status: "Not started", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-rust", Category: "Course", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Rust Course Bundle", }, { "Course Name": "ink! Official Documentation", Status: "In progress", "Third-party source": "Yes", Link: "https://use.ink/", Category: "Documentation", Level: "Beginner", Language: "English", Source: "Parity Technologies", "Bundle Name": "", }, { "Course Name": "Polkadot Blockchain Academy Book", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot-blockchain-academy.github.io/pba-book/", Category: "Educational Program", Level: "Beginner", Language: "English", Source: "Polkadot Blockchain Academy", "Bundle Name": "", }, { "Course Name": "Polkadot Blockchain Academy Slides", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot-blockchain-academy.github.io/pba-content/", Category: "Educational Program", Level: "Beginner", Language: "English", Source: "Polkadot Blockchain Academy", "Bundle Name": "", }, { "Course Name": "Dotcodeschool - Rust State Machine: Basic Concepts for Blockchain Development", Status: "Done", "Third-party source": "Yes", Link: "https://dotcodeschool.com/courses/rust-state-machine", Category: "Course", Level: "Beginner", Language: "English", Source: "Dotcodeschool", "Bundle Name": "", }, { "Course Name": "Dotcodeschool - Build your own DEX", Status: "Done", "Third-party source": "Yes", Link: "https://dotcodeschool.com/courses/build-your-own-dex", Category: "Course", Level: "Beginner", Language: "English", Source: "Dotcodeschool", "Bundle Name": "", }, { "Course Name": "Dotcodeschool - Substrate Kitties: Build Your Own NFT Marketplace", Status: "Done", "Third-party source": "Yes", Link: "https://dotcodeschool.com/courses/substrate-kitties", Category: "Course", Level: "Beginner", Language: "English", Source: "Dotcodeschool", "Bundle Name": "", }, { "Course Name": "Polkadot SDK là gì?", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/polkadot-sdk-la-gi", Category: "Technical Blog", Level: "Beginner", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Polkadot Guide: Chạy Substrate Node trên máy tính của bạn", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/polkadot-guide-chay-local-substrate-node", Category: "Technical Blog", Level: "Beginner", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Polkadot Guide: Giả lập mạng Substrate", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/polkadot-guide-gia-lap-mang-substrate", Category: "Technical Blog", Level: "Beginner", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Polkadot Guide: Pallet là gì?", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/polkadot-guide-pallet-la-gi", Category: "Technical Blog", Level: "Beginner", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Code Breakdown - FRAME Pallet", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/code-breakdown-pallet-template", Category: "Technical Blog", Level: "Beginner", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "VBI Academy x OpenGuild - Polkadot Bootcamp", Status: "In progress", "Third-party source": "Yes", Link: "https://openedu101.com/en/bootcamps/polkadot-bootcamp", Category: "Educational Program", Level: "Beginner", Language: "Vietnamese", Source: "VBI Academy", "Bundle Name": "", }, { "Course Name": "Polkadot Study - Interactive Substrate Tutorial", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot.study/tutorials/interactive-substrate-tutorials-rusty-crewmates/", Category: "Course", Level: "Beginner", Language: "English", Source: "Polkadot Study", "Bundle Name": "", }, { "Course Name": "Polkadot ink! Smart Contract Tutorial", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/polkadot-ink-smart-contract-tutorial", Category: "Technical Blog", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Ink Course Bundle", }, { "Course Name": "Basic Wallet with Polkadot.js API and React with TypeScript.", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot.study/tutorials/wallet-with-polkadot-js-and-react-with-typescript/intro", Category: "Course", Level: "Beginner", Language: "English", Source: "Polkadot Study", "Bundle Name": "", }, { "Course Name": "Polkadot Development Roadmap", Status: "Done", "Third-party source": "No", Link: "https://roadmap.sh/r/polkadot-development-roadmap", Category: "Aggregated Resource", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Polkadot Knowledge Map", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/polkadot-knowledge-map", Category: "Aggregated Resource", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Open Hack Pallet Starter", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-pallet-starter", Category: "Open Hack Module", Level: "Beginner", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Open Hack Rust Starter", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-rust-starter", Category: "Open Hack Module", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Rust Course Bundle", }, { "Course Name": "Open Hack Substrate Starter", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-substrate-starter", Category: "Open Hack Module", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Open Hack Dedot", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-dedot", Category: "Open Hack Module", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Dedot Course Bundle", }, { "Course Name": "Open Hack ink! Starter", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-ink-starter", Category: "Open Hack Module", Level: "Beginner", Language: "English", Source: "OpenGuild", "Bundle Name": "Ink Course Bundle", }, { "Course Name": "Substrate Graph Benchmarks", Status: "Done", "Third-party source": "Yes", Link: "https://www.shawntabrizi.com/substrate-graph-benchmarks/docs/#/", Category: "Documentation", Level: "Intermediate", Language: "English", Source: "Shawn Tabrizi", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Substrate Runtime Storage Migrations", Status: "Done", "Third-party source": "Yes", Link: "https://www.blog.nodrama.io/substrate-runtime-storage-migrations/", Category: "Technical Blog", Level: "Intermediate", Language: "English", Source: "NoDrama", "Bundle Name": "", }, { "Course Name": "Papermoon Ecosystem Docs - Zombinet", Status: "In progress", "Third-party source": "Yes", Link: "https://papermoonio.github.io/polkadot-ecosystem-docs-draft/dev-tools/zombienet/", Category: "Documentation", Level: "Intermediate", Language: "English", Source: "Papermoon", "Bundle Name": "", }, { "Course Name": "Papermoon Ecosystem Docs - Chopstick", Status: "In progress", "Third-party source": "Yes", Link: "https://papermoonio.github.io/polkadot-ecosystem-docs-draft/dev-tools/chopsticks/overview/", Category: "Documentation", Level: "Intermediate", Language: "English", Source: "Papermoon", "Bundle Name": "", }, { "Course Name": "Relaychain Hybrid Consensus", Status: "Done", "Third-party source": "No", Link: "https://x.com/openguildwtf/status/1809203505649037391", Category: "Technical Blog", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Breakdown the sharded network design of Polkadot", Status: "Done", "Third-party source": "No", Link: "https://x.com/chungquantin/status/1809864276850704882", Category: "Technical Blog", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Code Breakdown - Substrate Node", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/code-breakdown-substrate-node", Category: "Technical Blog", Level: "Intermediate", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Code Breakdown - Substrate P2P Networking", Status: "Done", "Third-party source": "No", Link: "https://openguild.wtf/blog/polkadot/code-breakdown-substrate-p2p-networking", Category: "Technical Blog", Level: "Intermediate", Language: "Vietnamese", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Polkadot Study - Substrate In Bits", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot.study/tutorials/substrate-in-bits", Category: "Course", Level: "Intermediate", Language: "English", Source: "Polkadot Study", "Bundle Name": "", }, { "Course Name": "Polkadot Study - Tokengated Website with polkadot.js and next-auth", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot.study/tutorials/tokengated-polkadot-next-js/intro", Category: "Course", Level: "Intermediate", Language: "English", Source: "Polkadot Study", "Bundle Name": "", }, { "Course Name": "Polkadot Study - How to implement decentralized exchange in ink! smart contract language", Status: "Done", "Third-party source": "Yes", Link: "https://polkadot.study/tutorials/decentralized-exchange-ink/introduction", Category: "Course", Level: "Intermediate", Language: "English", Source: "Polkadot Study", "Bundle Name": "", }, { "Course Name": "OpenGuild's Coding Session: Rust State Machine", Status: "Done", "Third-party source": "No", Link: "https://www.youtube.com/watch?v=xWp-83KYkXs", Category: "Tutorial Video & Livestream", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "OpenGuild's Coding Session: Implementing a Merkle Tree", Status: "Done", "Third-party source": "No", Link: "https://www.youtube.com/watch?v=X8cyx0RK4JY&t=1689s", Category: "Tutorial Video & Livestream", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Substrate Bitcoin", Status: "Not started", "Third-party source": "No", Link: "https://github.com/openguild-labs/substrate-bitcoin", Category: "Course", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Open Hack XCM", Status: "Not started", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-xcm", Category: "Open Hack Module", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Open Hack Chopstick", Status: "In progress", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-chopstick", Category: "Open Hack Module", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Open Hack ink! Advanced", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/open-hack-ink-advanced", Category: "Open Hack Module", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Ink Course Bundle", }, { "Course Name": "Substrate Kitties", Status: "Done", "Third-party source": "No", Link: "https://github.com/openguild-labs/substrate-kitties", Category: "Course", Level: "Intermediate", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Parity Substrate DevOps Guide", Status: "Done", "Third-party source": "Yes", Link: "https://paritytech.github.io/devops-guide/", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Parity Tech", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Infrastructure DevOps Resources", Status: "Done", "Third-party source": "Yes", Link: "https://forum.polkadot.network/t/infrastructure-devops-resources/1016", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Polkadot Forum Post", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "The Collator Setup Guide", Status: "Done", "Third-party source": "Yes", Link: "https://hackmd.io/@s_iGZLIITG6WjSgnFX0pcg/the-collator-setup-guide", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Daan van der plus", "Bundle Name": "", }, { "Course Name": "XCM Official Documentation", Status: "In progress", "Third-party source": "Yes", Link: "https://paritytech.github.io/xcm-docs/", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Parity Technologies", "Bundle Name": "", }, { "Course Name": "Polkadot SDK Docs - Enable metadata hash verification", Status: "Done", "Third-party source": "Yes", Link: "https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/guides/enable_metadata_hash/index.html", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Parity Technologies", "Bundle Name": "", }, { "Course Name": "Polkadot SDK Docs - Enable storage weight reclaiming", Status: "Done", "Third-party source": "Yes", Link: "https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/guides/enable_pov_reclaim/index.html", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Parity Technologies", "Bundle Name": "", }, { "Course Name": "Polkadot SDK Docs - Enable elastic scaling MVP for a parachain", Status: "Done", "Third-party source": "Yes", Link: "https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/guides/enable_elastic_scaling_mvp/index.html", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Parity Technologies", "Bundle Name": "", }, { "Course Name": "Polkadot SDK Docs - Upgrade Parachain for Asynchronous Backing Compatibility", Status: "Done", "Third-party source": "Yes", Link: "https://paritytech.github.io/polkadot-sdk/master/polkadot_sdk_docs/guides/async_backing_guide/index.html", Category: "Documentation", Level: "Advanced", Language: "English", Source: "Parity Technologies", "Bundle Name": "", }, { "Course Name": "Shawn Tabrizi - XCM Workshop", Status: "Done", "Third-party source": "Yes", Link: "https://www.shawntabrizi.com/xcm-workshop/#/", Category: "Course", Level: "Advanced", Language: "English", Source: "Shawn Tabrizi", "Bundle Name": "", }, { "Course Name": "Learn JAM", Status: "In progress", "Third-party source": "No", Link: "https://github.com/openguild-labs/learn-jam", Category: "Aggregated Resource", Level: "Advanced", Language: "English", Source: "OpenGuild", "Bundle Name": "", }, { "Course Name": "Substrate DPOS", Status: "In progress", "Third-party source": "No", Link: "https://github.com/openguild-labs/substrate-nposdpos", Category: "Course", Level: "Advanced", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, { "Course Name": "Substrate NPOS", Status: "In progress", "Third-party source": "No", Link: "https://github.com/openguild-labs/substrate-npos", Category: "Course", Level: "Advanced", Language: "English", Source: "OpenGuild", "Bundle Name": "Substrate Course Bundle", }, ].sort((ca, cb) => (cb["Course Name"] > ca["Course Name"] ? -1 : 1)) [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { Github, Twitter, Youtube, Mail } from "lucide-react" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/courses/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/bootcamp/page.tsx" isMerged="true" import Link from "next/link" import Image from "next/image" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { bootcampPolkadotSdkVideos, bootcampSolidityOnPolkaVmVideos } from "@/constants" import { Calendar, Users, Clock, Award, CheckCircle } from "lucide-react" export default function BootcampPage() { return (

{/* Hero Section */}

Registration Open

Open Polkadot Bootcamp 2025

An intensive, hands-on learning experience to master Polkadot development. Choose between Polkadot SDK and Solidity on PolkaVM tracks.

{/* Bootcamp Info */}

Bootcamp Details

Start Date

June 15, 2025

Duration

8 weeks, part-time

Class Size

Limited to 50 participants per track

Certification

Earn a verified certificate upon completion

What You'll Learn

Build scalable blockchains with Polkadot SDK

Develop smart contracts with Solidity on PolkaVM

Master parachain development and deployment

Implement cross-chain messaging with XCM

Create and deploy dApps on the Polkadot ecosystem

Work on real-world projects with industry mentors

{/* Curriculum */}

Bootcamp Curriculum

Choose between two specialized tracks to focus your learning journey

Polkadot SDK Track Solidity on PolkaVM Track

Polkadot SDK Curriculum

Learn how to build scalable blockchains using the Polkadot SDK. This track covers everything from basic concepts to advanced parachain development.

{bootcampPolkadotSdkVideos.length} videos

• 10 sections

Course Modules

{/* Module list with accordion-like structure */}

{[ { title: "Module 1: Introduction to Polkadot & Polkadot SDK", lessons: bootcampPolkadotSdkVideos.slice(0, 2), }, { title: "Module 2: Building Your First Blockchain", lessons: bootcampPolkadotSdkVideos.slice(2, 4), }, { title: "Module 3: Runtime Development", lessons: bootcampPolkadotSdkVideos.slice(4, 9), }, { title: "Module 4: Interacting with Substrate Nodes", lessons: bootcampPolkadotSdkVideos.slice(9, 11), }, { title: "Module 5: Advanced Topics", lessons: bootcampPolkadotSdkVideos.slice(11, 14), }, { title: "Module 6: Parachain Development", lessons: bootcampPolkadotSdkVideos.slice(14, 17), }, ].map((module, index) => (

{module.title}

{module.lessons.map((lesson, lessonIndex) => (

{lessonIndex + 1}

{lesson.title}

))}

Solidity on PolkaVM Curriculum

Learn how to use Solidity on PolkaVM, a revolutionary smart contract platform built on RISC-V. This track is perfect for Ethereum developers looking to build on Polkadot.

{bootcampSolidityOnPolkaVmVideos.length} videos

• 3 sections

Course Modules

{/* Module list with accordion-like structure */}

{[ { title: "Module 1: Introduction to PolkaVM", lessons: bootcampSolidityOnPolkaVmVideos.slice(0, 4), }, { title: "Module 2: Solidity Fundamentals on PolkaVM", lessons: bootcampSolidityOnPolkaVmVideos.slice(4, 8), }, { title: "Module 3: Advanced Smart Contract Development", lessons: bootcampSolidityOnPolkaVmVideos.slice(8, 12), }, ].map((module, index) => (

{module.title}

{module.lessons.map((lesson, lessonIndex) => (

{lessonIndex + 1}

{lesson.title}

))}

{/* CTA Section */}

Ready to Start Your Polkadot Journey?

Join our bootcamp and become a proficient Polkadot developer. Limited spots available.

) } [V0_FILE]typescriptreact:file="app/learning-path/page.tsx" isMerged="true" import Link from "next/link" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { CheckCircle, Circle, ExternalLink, ArrowRight } from "lucide-react" import { learningResources } from "@/constants" export default function LearningPathPage() { return (

{/* Header */}

Your Polkadot Learning Journey

Follow our structured learning path to become a proficient Polkadot developer

{/* Learning Path Visualization */}

{/* Beginner */}

Beginner

Start your journey with the fundamentals of blockchain, Rust programming, and an introduction to Substrate.

{/* Intermediate */}

Intermediate

Deepen your knowledge with FRAME pallets, runtime development, and building custom blockchains.

{/* Advanced */}

Advanced

Master advanced topics like parachain development, cross-chain messaging (XCM), and consensus mechanisms.

{/* Learning Resources */}

Beginner Intermediate Advanced

Beginner Path

Start your Polkadot development journey with these foundational resources. Focus on learning Rust, understanding blockchain basics, and getting familiar with Substrate.

{learningResources .filter((resource) => resource.Level === "Beginner") .slice(0, 6) .map((resource, index) => { const isCompleted = resource.Status === "Done" const isInProgress = resource.Status === "In progress" return (

{isCompleted ? ( ) : isInProgress ? ( In Progress ) : ( )}

{resource["Course Name"]}

{resource.Language} {resource.Category}

Source: {resource.Source} View

) })}

Intermediate Path

Deepen your knowledge with these intermediate resources. Learn about FRAME pallets, runtime development, and building custom blockchains with Substrate.

{learningResources .filter((resource) => resource.Level === "Intermediate") .slice(0, 6) .map((resource, index) => { const isCompleted = resource.Status === "Done" const isInProgress = resource.Status === "In progress" return (

{isCompleted ? ( ) : isInProgress ? ( In Progress ) : ( )}

{resource["Course Name"]}

{resource.Language} {resource.Category}

Source: {resource.Source} View

) })}

Advanced Path

Master advanced topics with these resources. Explore parachain development, cross-chain messaging (XCM), consensus mechanisms, and more.

{learningResources .filter((resource) => resource.Level === "Advanced") .slice(0, 6) .map((resource, index) => { const isCompleted = resource.Status === "Done" const isInProgress = resource.Status === "In progress" return (

{isCompleted ? ( ) : isInProgress ? ( In Progress ) : ( )}

{resource["Course Name"]}

{resource.Language} {resource.Category}

Source: {resource.Source} View

) })}

{/* CTA Section */}

Ready to Accelerate Your Learning?

Join our bootcamp for a structured, guided learning experience with expert mentors.

) } [V0_FILE]typescriptreact:file="app/workshops/page.tsx" isMerged="true" import Link from "next/link" import Image from "next/image" import { ArrowRight, Search, Filter, Calendar, Users, ExternalLink } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Card, CardContent } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { workshops } from "@/constants" export default function WorkshopsPage() { // Group workshops by category const technicalWorkshops = workshops.filter( (w) => w.title.includes("Technical") || w.title.includes("Substrate") || w.title.includes("Rust") || w.title.includes("ink!"), ) const communityWorkshops = workshops.filter((w) => w.title.includes("Community") || w.title.includes("Call")) const conceptualWorkshops = workshops.filter( (w) => !technicalWorkshops.includes(w) && !communityWorkshops.includes(w), ) return (

{/* Header */}

Polkadot Workshops

Hands-on workshop materials to help you learn by doing. These workshops cover a wide range of topics from basic Substrate concepts to advanced Polkadot features.

{/* Search and Filter */}

{/* Featured Workshop */}

Featured Workshop

Introduction to Polkadot SDK - Substrate

Framework to build blockchain with ease. This comprehensive workshop will guide you through the fundamentals of Substrate and help you get started with blockchain development on Polkadot.

Last updated: May 2025

1,200+ participants

{/* Workshop Categories */}

Workshop Library

All Workshops Technical Community Conceptual

{workshops.map((workshop, index) => ( ))}

{technicalWorkshops.map((workshop, index) => ( ))}

{communityWorkshops.map((workshop, index) => ( ))}

{conceptualWorkshops.map((workshop, index) => ( ))}

{/* CTA Section */}

Want a More Structured Learning Experience?

Join our bootcamp for a comprehensive curriculum with expert guidance and hands-on projects.

) } function WorkshopCard({ workshop }: { workshop: any }) { return (

{workshop.title.includes("Substrate") ? "Substrate" : workshop.title.includes("Rust") ? "Rust" : workshop.title.includes("ink!") ? "ink!" : workshop.title.includes("Community") ? "Community" : "Workshop"} {workshop.released !== false && ( Available )}

{workshop.title}

{workshop.description}

View Workshop ) } [V0_FILE]typescriptreact:file="app/workshops/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/videos/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { ArrowRight, Search, Filter, Play } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Card, CardContent } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { technicalVideos, communityCallVideos, generalVideos, bootcampPolkadotSdkVideos, bootcampSolidityOnPolkaVmVideos, } from "@/constants" export default function VideosPage() { return (

{/* Header */}

Technical Videos

Watch technical videos, coding sessions, and community calls to deepen your understanding of Polkadot development.

{/* Search and Filter */}

{/* Featured Video */}

Open Polkadot Bootcamp 2025 - Introduction

In this series, Tin Chung will take you step-by-step through the Polkadot SDK, empowering you to build scalable dApps and parachains on the Polkadot ecosystem.

{/* Video Categories */}

Video Library

Bootcamp Technical Community General

Polkadot SDK Track

Learn how to build scalable blockchains using the Polkadot SDK

{bootcampPolkadotSdkVideos.slice(0, 6).map((video, index) => ( ))}

{bootcampPolkadotSdkVideos.length > 6 && (

)}

Solidity on PolkaVM Track

Learn how to use Solidity on PolkaVM, a revolutionary smart contract platform

{bootcampSolidityOnPolkaVmVideos.slice(0, 6).map((video, index) => ( ))}

{bootcampSolidityOnPolkaVmVideos.length > 6 && (

)}

{technicalVideos.map((video, index) => ( ))}

{communityCallVideos.map((video, index) => ( ))}

{generalVideos.map((video, index) => ( ))}

{/* CTA Section */}

Ready to Apply What You've Learned?

Join our bootcamp to put your knowledge into practice with guided projects and expert mentorship.

) } function VideoCard({ video }: { video: any }) { const [isHovered, setIsHovered] = useState(false) return ( setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} >

{!isHovered && (

)}

{video.category}

{video.title}

{video.description}

) } [V0_FILE]typescriptreact:file="app/videos/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/animations/animated-background.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { motion } from "framer-motion" interface FloatingElement { id: number x: number y: number size: number color: string duration: number delay: number } export default function AnimatedBackground() { const [elements, setElements] = useState([]) useEffect(() => { // Create floating elements const newElements: FloatingElement[] = [] const colors = ["#FF6B9180", "#C840E980", "#FF41A480", "#9340FF80"] for (let i = 0; i < 20; i++) { newElements.push({ id: i, x: Math.random() * 100, // initial x position (%) y: Math.random() * 100, // initial y position (%) size: Math.random() * 80 + 20, // size between 20px and 100px color: colors[Math.floor(Math.random() * colors.length)], duration: Math.random() * 20 + 20, // animation duration between 20s and 40s delay: Math.random() * 5, // delay between 0s and 5s }) } setElements(newElements) }, []) return (

{elements.map((element) => ( ))}

) } [V0_FILE]typescriptreact:file="components/animations/floating-icons.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import { Blocks, Server, Code, Lock, Database, Globe, Link, Shield, Layers, CircuitBoard } from "lucide-react" export default function FloatingIcons() { const icons = [ { Component: Blocks, top: "10%", left: "5%", size: 20, duration: 8 }, { Component: Server, top: "20%", right: "10%", size: 24, duration: 6 }, { Component: Code, top: "70%", left: "15%", size: 22, duration: 7 }, { Component: Lock, top: "80%", right: "15%", size: 18, duration: 9 }, { Component: Database, top: "40%", left: "8%", size: 24, duration: 7.5 }, { Component: Globe, top: "30%", right: "5%", size: 22, duration: 8.2 }, { Component: Link, top: "60%", right: "10%", size: 20, duration: 6.8 }, { Component: Shield, top: "85%", left: "48%", size: 18, duration: 7.3 }, { Component: Layers, top: "15%", left: "45%", size: 24, duration: 8.8 }, { Component: CircuitBoard, top: "50%", right: "3%", size: 22, duration: 7.7 }, ] return (

{icons.map((icon, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/animations/reveal-animation.tsx" isMerged="true" "use client" import type React from "react" import { useEffect, useRef, useState } from "react" import { motion, useAnimation, type Variant } from "framer-motion" interface RevealAnimationProps { children: React.ReactNode width?: "fit-content" | "100%" delay?: number duration?: number direction?: "up" | "down" | "left" | "right" threshold?: number } export default function RevealAnimation({ children, width = "fit-content", delay = 0, duration = 0.5, direction = "up", threshold = 0.3, }: RevealAnimationProps) { const ref = useRef(null) const controls = useAnimation() const [isVisible, setIsVisible] = useState(false) // Direction-based variants const getVariants = () => { const variants = { hidden: {} as Variant, visible: {} as Variant, } switch (direction) { case "up": variants.hidden = { opacity: 0, y: 50 } variants.visible = { opacity: 1, y: 0 } break case "down": variants.hidden = { opacity: 0, y: -50 } variants.visible = { opacity: 1, y: 0 } break case "left": variants.hidden = { opacity: 0, x: 50 } variants.visible = { opacity: 1, x: 0 } break case "right": variants.hidden = { opacity: 0, x: -50 } variants.visible = { opacity: 1, x: 0 } break default: variants.hidden = { opacity: 0, y: 50 } variants.visible = { opacity: 1, y: 0 } } return variants } useEffect(() => { if (!ref.current) return const observer = new IntersectionObserver( (entries) => { const [entry] = entries if (entry.isIntersecting && !isVisible) { setIsVisible(true) controls.start("visible") } }, { threshold }, ) observer.observe(ref.current) return () => { if (ref.current) { observer.unobserve(ref.current) } } }, [controls, isVisible, threshold]) return (

{children}

) } [V0_FILE]typescriptreact:file="components/animations/spotlight.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect, useRef } from "react" import { motion } from "framer-motion" interface SpotlightProps { children: React.ReactNode className?: string } export default function Spotlight({ children, className = "" }: SpotlightProps) { const [position, setPosition] = useState({ x: 0, y: 0 }) const [opacity, setOpacity] = useState(0) const [size, setSize] = useState(0) const containerRef = useRef(null) const handleMouseMove = (e: React.MouseEvent) => { if (!containerRef.current) return const containerRect = containerRef.current.getBoundingClientRect() // Calculate relative position within the container const x = e.clientX - containerRect.left const y = e.clientY - containerRect.top setPosition({ x, y }) setOpacity(0.15) // Show the spotlight // Adjust size based on container dimensions const maxSize = Math.max(containerRect.width, containerRect.height) * 1.5 setSize(maxSize) } const handleMouseLeave = () => { setOpacity(0) // Hide the spotlight } // Clean up on unmount useEffect(() => { return () => { setOpacity(0) } }, []) return ( {children} ) } [V0_FILE]typescriptreact:file="components/animations/progress-indicator.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { motion } from "framer-motion" export default function ProgressIndicator() { const [progress, setProgress] = useState(0) useEffect(() => { const handleScroll = () => { // Calculate scroll progress const scrollTop = window.scrollY const docHeight = document.body.offsetHeight - window.innerHeight const scrollProgress = scrollTop / docHeight setProgress(scrollProgress) } // Add scroll event listener window.addEventListener("scroll", handleScroll) // Remove event listener on cleanup return () => window.removeEventListener("scroll", handleScroll) }, []) return ( 0 ? 1 : 0 }} transition={{ duration: 0.3 }} /> ) } [V0_FILE]typescriptreact:file="components/animations/animate-in-view.tsx" isMerged="true" "use client" import type React from "react" import { useEffect, useRef } from "react" import { motion, useAnimation, type Variant } from "framer-motion" type AnimationVariant = "fadeIn" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scale" | "rotate" | "bounce" interface AnimateInViewProps { children: React.ReactNode animation?: AnimationVariant delay?: number duration?: number className?: string threshold?: number once?: boolean } export default function AnimateInView({ children, animation = "fadeIn", delay = 0, duration = 0.5, className = "", threshold = 0.1, once = true, }: AnimateInViewProps) { const controls = useAnimation() const ref = useRef(null) const getVariants = () => { const variants = { hidden: {} as Variant, visible: {} as Variant, } switch (animation) { case "fadeIn": variants.hidden = { opacity: 0 } variants.visible = { opacity: 1 } break case "slideUp": variants.hidden = { opacity: 0, y: 50 } variants.visible = { opacity: 1, y: 0 } break case "slideDown": variants.hidden = { opacity: 0, y: -50 } variants.visible = { opacity: 1, y: 0 } break case "slideLeft": variants.hidden = { opacity: 0, x: 50 } variants.visible = { opacity: 1, x: 0 } break case "slideRight": variants.hidden = { opacity: 0, x: -50 } variants.visible = { opacity: 1, x: 0 } break case "scale": variants.hidden = { opacity: 0, scale: 0.8 } variants.visible = { opacity: 1, scale: 1 } break case "rotate": variants.hidden = { opacity: 0, rotate: -10 } variants.visible = { opacity: 1, rotate: 0 } break case "bounce": variants.hidden = { opacity: 0, y: 50 } variants.visible = { opacity: 1, y: 0, transition: { type: "spring", stiffness: 300, damping: 20, duration, delay, }, } break default: variants.hidden = { opacity: 0 } variants.visible = { opacity: 1 } } return variants } useEffect(() => { if (!ref.current) return const observer = new IntersectionObserver( (entries) => { const [entry] = entries if (entry.isIntersecting) { controls.start("visible") if (once && ref.current) { observer.unobserve(ref.current) } } else if (!once) { controls.start("hidden") } }, { threshold }, ) observer.observe(ref.current) return () => { if (ref.current) { observer.unobserve(ref.current) } } }, [controls, threshold, once]) const variants = getVariants() const transition = animation === "bounce" ? {} // Transition is included in the variants for bounce : { duration, ease: "easeOut", delay } return ( {children} ) } [V0_FILE]typescriptreact:file="components/hero.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" import AnimatedBackground from "@/components/animations/animated-background" import FloatingIcons from "@/components/animations/floating-icons" import AnimateInView from "@/components/animations/animate-in-view" export default function Hero() { return (

Polkadot Builders Education Hub

Your comprehensive resource for learning Polkadot blockchain development. From beginner courses to advanced workshops, we provide everything you need to build on the Polkadot ecosystem.

) } [V0_FILE]typescriptreact:file="components/page-transition.tsx" isMerged="true" "use client" import { type ReactNode, useEffect, useState } from "react" import { usePathname } from "next/navigation" import { motion, AnimatePresence } from "framer-motion" interface PageTransitionProps { children: ReactNode } export default function PageTransition({ children }: PageTransitionProps) { const pathname = usePathname() const [isFirstMount, setIsFirstMount] = useState(true) useEffect(() => { setIsFirstMount(false) }, []) // Skip animation on first mount to prevent animation on initial page load if (isFirstMount) { return <>{children} } return ( {children} ) } [V0_FILE]typescriptreact:file="components/navbar.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import Link from "next/link" import { usePathname } from "next/navigation" import { Menu, X, ChevronDown } from "lucide-react" import { Button } from "@/components/ui/button" import { ModeToggle } from "@/components/mode-toggle" import { motion, AnimatePresence } from "framer-motion" export default function Navbar() { const [isMenuOpen, setIsMenuOpen] = useState(false) const [isScrolled, setIsScrolled] = useState(false) const [activeDropdown, setActiveDropdown] = useState(null) const pathname = usePathname() const navigation = [ { name: "Home", href: "/" }, { name: "Courses", href: "/courses", submenu: [ { name: "All Courses", href: "/courses" }, { name: "Substrate Courses", href: "/courses/substrate" }, { name: "Rust Courses", href: "/courses/rust" }, { name: "ink! Smart Contracts", href: "/courses/ink" }, ], }, { name: "Bootcamp", href: "/bootcamp" }, { name: "Workshops", href: "/workshops" }, { name: "Videos", href: "/videos" }, { name: "Learning Path", href: "/learning-path" }, ] useEffect(() => { const handleScroll = () => { if (window.scrollY > 10) { setIsScrolled(true) } else { setIsScrolled(false) } } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) const toggleDropdown = (name: string) => { if (activeDropdown === name) { setActiveDropdown(null) } else { setActiveDropdown(name) } } // Close dropdown when clicking outside useEffect(() => { const handleClickOutside = () => { setActiveDropdown(null) } document.addEventListener("click", handleClickOutside) return () => document.removeEventListener("click", handleClickOutside) }, []) // Prevent closing when clicking inside dropdown const handleDropdownClick = (e: React.MouseEvent) => { e.stopPropagation() } // Close mobile menu when navigating useEffect(() => { setIsMenuOpen(false) }, [pathname]) return (

Polkadot Builders

{navigation.map((item, index) => ( {item.submenu ? ( ) : ( {item.name} )} {item.submenu && activeDropdown === item.name && ( {item.submenu.map((subitem, subIndex) => ( setActiveDropdown(null)} > {subitem.name} ))} )} ))}

{/* Mobile menu */} {isMenuOpen && (

{navigation.map((item, index) => ( {item.submenu ? ( <> {activeDropdown === item.name && ( {item.submenu.map((subitem, subIndex) => ( { setIsMenuOpen(false) setActiveDropdown(null) }} > {subitem.name} ))} )} ) : ( setIsMenuOpen(false)} > {item.name} )} ))}

)} ) } [V0_FILE]typescriptreact:file="components/featured-courses.tsx" isEdit="true" isMerged="true" import Link from "next/link" import Image from "next/image" import { ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { courses } from "@/constants" import AnimateInView from "@/components/animations/animate-in-view" import Spotlight from "@/components/animations/spotlight" export default function FeaturedCourses() { // Get only released courses and limit to 3 const featuredCourses = courses.filter((course) => course.released).slice(0, 3) return (

Featured Courses

Start your journey with our most popular Polkadot development courses

{featuredCourses.map((course, index) => (

{course.title.includes("Substrate") ? "Substrate" : course.title.includes("Rust") ? "Rust" : "Blockchain"}

4.9

{[1, 2, 3, 4, 5].map((star) => ( ))}

{course.title}

{course.description}

View Course{" "} {index === 0 ? "8 modules" : index === 1 ? "6 modules" : "5 modules"}

))}

) } [V0_FILE]typescriptreact:file="components/bootcamp-promo.tsx" isEdit="true" isMerged="true" import Link from "next/link" import Image from "next/image" import { ArrowRight, Calendar, Users, BookOpen } from "lucide-react" import { Button } from "@/components/ui/button" import AnimateInView from "@/components/animations/animate-in-view" export default function BootcampPromo() { return (

Open Polkadot Bootcamp 2025

Join our comprehensive bootcamp and learn to build on Polkadot from industry experts. Master Substrate, Polkadot SDK, and Solidity on PolkaVM through hands-on projects and expert guidance.

Next Cohort Starting Soon

Registration is now open for the next bootcamp session

Two Specialized Tracks

Choose between Polkadot SDK or Solidity on PolkaVM

Comprehensive Curriculum

Over 30 video lessons with hands-on projects

View Curriculum{" "}

Live Sessions Available

30+ Video Lessons

Now Open

Limited Spots Available

) } [V0_FILE]typescriptreact:file="components/category-showcase.tsx" isEdit="true" isMerged="true" "use client" import Link from "next/link" import { ArrowRight, BookOpen, Video, Layers, Code } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import AnimateInView from "@/components/animations/animate-in-view" import { motion } from "framer-motion" export default function CategoryShowcase() { const categories = [ { title: "Courses", description: "Structured learning paths for Substrate, Rust, and ink! development", icon: , href: "/courses", color: "bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-300", hoverColor: "group-hover:bg-blue-200 dark:group-hover:bg-blue-900/50", borderColor: "border-blue-200 dark:border-blue-900/50", }, { title: "Workshops", description: "Hands-on workshop materials for practical learning", icon:

,
      href: "/workshops",
      color: "bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-300",
      hoverColor: "group-hover:bg-purple-200 dark:group-hover:bg-purple-900/50",
      borderColor: "border-purple-200 dark:border-purple-900/50",
    },
    {
      title: "Videos",
      description: "Technical videos, coding sessions, and community calls",
      icon:

{title}

Join the next cohort

Polkadot SDK Curriculum

Solidity on PolkaVM Curriculum

{video.title}

{course.title}

{workshop.title}

{article.title}

{resource["Course Name"]}

Beginner Path

Intermediate Path

Advanced Path

Open Polkadot Bootcamp 2025

Bootcamp Details

Start Date

Duration

Class Size

Certification

What You'll Learn

Bootcamp Curriculum

Polkadot SDK Curriculum

Course Modules

{module.title}

Solidity on PolkaVM Curriculum

Course Modules

{module.title}

Ready to Start Your Polkadot Journey?

Your Polkadot Learning Journey

Beginner

Intermediate

Advanced

Beginner Path

{resource["Course Name"]}

Intermediate Path

{resource["Course Name"]}

Advanced Path

{resource["Course Name"]}

Ready to Accelerate Your Learning?

Polkadot Workshops

Introduction to Polkadot SDK - Substrate

Workshop Library

Want a More Structured Learning Experience?

{workshop.title}

Technical Videos

Open Polkadot Bootcamp 2025 - Introduction

Video Library

Polkadot SDK Track

Solidity on PolkaVM Track

Ready to Apply What You've Learned?

{video.title}

Polkadot Builders Education Hub

Featured Courses

{course.title}

Open Polkadot Bootcamp 2025

Next Cohort Starting Soon

Two Specialized Tracks

Comprehensive Curriculum

Explore by Category

{category.title}

What Our Students Say

{testimonial.name}

Why Learn Polkadot

Interoperability

Security

Scalability

Course Curriculum

{module.title}

Course Video Preview

About this video

Sample Quiz

{currentQuestion.text}

Explanation

Quiz Completed!

Student Reviews

{review.name}

{course.title}

Polkadot Development Courses

Polkadot Developer Bootcamp

{course.title}

Level