TYPO3 Surfcamp - TYPO3 Surfcamp

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">  <link rel="icon" href="/fileadmin/surfcamp/assets/favicon.ico" type="image/vnd.microsoft.icon"> <title>TYPO3 Surfcamp - TYPO3 Surfcamp - Surf and Code</title> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Fostering the next generation of TYPO3 enthusiasts via a one-week trip to Fuerteventura! "> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <meta name="robots" content="index,follow"> <meta name="twitter:card" content="summary"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="google" content="notranslate"> <link rel="stylesheet" href="/typo3temp/assets/bootstrappackage/fonts/284ba9c5345a729d38fc3d3bb72eea6caaef6180abbc77928e15e42297d05f8b/webfont.css?1739727425" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-a273f9ea479c4fa6698cc7bd1953bf77-008308ec4b105fa28711c44df28dec7e.css?1739782146" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-9c68958bbd7793735669a6ae7065d88d-d7ecfb745e5144d35ea9d19fec09d7f1.css?1739782894" media="all"> <script src="/typo3temp/assets/compressed/merged-0aa996a8d57c75a0e4059269ca878fe9-64826908bfdfdf73f5ddcfd834a56471.js?1739782146"></script>  <script type="text/plain" data-usercentrics="Google Tag Manager">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MHC6WFT');</script>  <link rel="canonical" href="https://surfcamp.typo3.com/"/> </head> <body id="p364" class="page-364 pagelevel-0 language-0 backendlayout-simple layout-default" data-gatrackingid="{$page.tracking.google.trackingID}"> <div id="top"></div> <div class="body-bg"> <a class="visually-hidden-focusable page-skip-link" href="#page-content"> <span>Skip to main content</span> </a> <a class="visually-hidden-focusable page-skip-link" href="#page-footer"> <span>Skip to page footer</span> </a> <header id="page-header" class="bp-page-header navbar navbar-mainnavigation navbar-default navbar-has-image navbar-top"> <div class="container container-mainnavigation"> <a class="navbar-brand navbar-brand-image" href="/"> <img class="navbar-brand-logo-normal" src="/fileadmin/surfcamp/assets/logo.svg" alt="TYPO3 Surfcamp - Surf and Code logo" height="50" width="218"> <img class="navbar-brand-logo-inverted" src="/_assets/1c9d92fbcd63cdbdaee5c3992a6cd092/Images/logo-inverted.svg" alt="TYPO3 Surfcamp - Surf and Code logo" height="50" width="218"> </a> <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mainnavigation" aria-controls="mainnavigation" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <nav aria-label="Main navigation" id="mainnavigation" class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item"> <a id="nav-item-365" href="/" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-text"> Home </span> </a> <div class="dropdown-menu"> </div> </li> <li class="nav-spacer" aria-hidden="true"></li> <li class="nav-item"> <a id="nav-item-371" href="/the-concept" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-text"> The Concept </span> </a> <div class="dropdown-menu"> </div> </li> <li class="nav-item"> <a id="nav-item-368" href="/rules" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-text"> The Rules </span> </a> <div class="dropdown-menu"> </div> </li> <li class="nav-item"> <a id="nav-item-373" href="/location" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-text"> The Location </span> </a> <div class="dropdown-menu"> </div> </li> <li class="nav-item"> <a id="nav-item-638" href="/for-employers" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-text"> For Employers </span> </a> <div class="dropdown-menu"> </div> </li> <li class="nav-item"> <a id="nav-item-637" href="/recap-2024" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-text"> Recap 2024 </span> </a> <div class="dropdown-menu"> </div> </li> <li class="nav-item"> <a id="nav-item-400" href="/faq" class="nav-link nav-link-main" aria-current="false" > <span class="nav-link-icon"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16" class="" width="16" height="16" aria-hidden="true"><g fill="currentColor"><path d="M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z"/><path d="M7 5a1 1 0 1 1 2 0 1 1 0 1 1-2 0zM7 8a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V8z"/></g></svg> </span> <span class="nav-link-text"> FAQ </span> </a> <div class="dropdown-menu"> </div> </li> </ul> </nav> </div> </header> <div id="c1649" class=" frame frame-default frame-type-textpic frame-layout-default frame-size-default frame-height-default frame-background-primary frame-space-before-none frame-space-after-none frame-no-backgroundimage"> <div class="frame-group-container"> <div class="frame-group-inner"> <div class="frame-container frame-container-default"> <div class="frame-inner"> <div class="textpic textpic-centered textpic-right"> <div class="textpic-item textpic-gallery"> <div class="gallery-row"> <div class="gallery-item gallery-item-size-1"> <figure class="image"> <picture> <source data-variant="default" data-maxwidth="620" media="(min-width: 1400px)" srcset="/fileadmin/surfcamp/assets/benni-with-board.svg 1x"> <source data-variant="xlarge" data-maxwidth="530" media="(min-width: 1200px)" srcset="/fileadmin/surfcamp/assets/benni-with-board.svg 1x"> <source data-variant="large" data-maxwidth="440" media="(min-width: 992px)" srcset="/fileadmin/surfcamp/assets/benni-with-board.svg 1x"> <source data-variant="medium" data-maxwidth="320" media="(min-width: 768px)" srcset="/fileadmin/surfcamp/assets/benni-with-board.svg 1x"> <source data-variant="small" data-maxwidth="500" media="(min-width: 576px)" srcset="/fileadmin/surfcamp/assets/benni-with-board.svg 1x"> <source data-variant="extrasmall" data-maxwidth="374" srcset="/fileadmin/surfcamp/assets/benni-with-board.svg 1x"> <img loading="lazy" src="/fileadmin/surfcamp/assets/benni-with-board.svg" width="620" height="621" title="" alt=""> </picture> </figure> </div> </div> </div> <div class="textpic-item textpic-text"> <div class="frame-header"> <h1 class="element-header "> <span>TYPO3 Surfcamp 2025</span> </h1> <h2 class="element-subheader h3 "> <span>Fostering the next generation of TYPO3 enthusiasts</span> </h2> </div> <p>From <strong>May 3rd to May 10th</strong>, 2025, dive into TYPO3 Surfcamp, a thrilling one-week adventure for the next generation of TYPO3 enthusiasts! Join a vibrant mix of participants from all backgrounds to learn, create, and connect. With fun workshops, hands-on projects, and exciting surf sessions, you'll level up your TYPO3 skills while making new friends and conquering the waves. Experience the perfect blend of learning and camaraderie in a supportive and inclusive environment. Leave Surfcamp inspired, connected, and ready to rock the TYPO3 world!</p> </div> </div> </div> </div> </div> </div> </div> <main id="page-content" class="bp-page-content main-section">  <div class="section section-default"> <div id="c3190" class=" frame frame-default frame-type-text frame-layout-default frame-size-default frame-height-default frame-background-none frame-space-before-none frame-space-after-none frame-no-backgroundimage"> <div class="frame-group-container"> <div class="frame-group-inner"> <div class="frame-container frame-container-default"> <div class="frame-inner"> <div class="frame-header"> <h2 class="element-header "> <span>Thank you for your application: Registration for 2025 is now closed!</span> </h2> </div> <p>The application process for the TYPO3 Surfcamp 2025 is now <strong>closed</strong>. After the success of our first edition in 2024, where numerous new connections were made during our first “trial run,” we are excited to have received so many applications from you to join us again from <strong>May 3rd to May 10th, 2025 </strong>(departure May 11th).</p> <p>Stay tuned to this website and all official TYPO3 social media channels for updates and additional information!</p> </div> </div> </div> </div> </div> <div id="c4495" class=" frame frame-default frame-type-card_group frame-layout-default frame-size-default frame-height-default frame-background-primary frame-space-before-none frame-space-after-none frame-no-backgroundimage"> <div class="frame-group-container"> <div class="frame-group-inner"> <div class="frame-container frame-container-default"> <div class="frame-inner"> <div class="frame-header"> <h2 class="element-header "> <span>Find out everything you need about TYPO3 Surfcamp</span> </h2> </div> <div class="card-group-element card-group-element-align-left card-group-element-columns-3"> <div class="card-group-element-item"> <div class="card"> <div class="card-body"> <h2 class="card-title"> The Concept </h2> <p>TYPO3 Surfcamp is exclusively designed for TYPO3 enthusiasts aged 30 or younger, who come from diverse backgrounds such as PHP programming, frontend development, design, UX, or project management. It doesn't matter if you are a semi-professional or an enthusiastic beginner - as long as you have a passion for coding and a desire to learn and grow, you're welcome to join us!</p> </div> <div class="card-footer"> <a href="/the-concept" title="Find out more" class="btn btn-default"> <span class="btn-text"> Find out more </span> </a> </div> </div> </div> <div class="card-group-element-item"> <div class="card"> <div class="card-body"> <h2 class="card-title"> The Rules </h2> <p>Do you want to know whether you are eligible to join TYPO3 Surfcamp? By signing up for and participating in TYPO3 Surfcamp, you agree to abide by these rules and guidelines to ensure a positive and rewarding experience for yourself and your fellow participants. Let's come together to code, surf, and learn in the enchanting setting of Fuerteventura!</p> </div> <div class="card-footer"> <a href="/rules" title="Find out more" class="btn btn-default"> <span class="btn-text"> Find out more </span> </a> </div> </div> </div> <div class="card-group-element-item"> <div class="card"> <div class="card-body"> <h2 class="card-title"> Frequently Asked Questions </h2> <p>Why did we set up an age limit? Who covers my travel expenses? Do I have to partake in the surfing lessons?</p> <p>Please check out or FAQ page where we answer most (if not all) questions that might arise during registration for TYPO3 Surfcamp. If you have any other questions, feel free to reach out to us via <a href="mailto:events@typo3.com?subject=TYPO3%20Surfcamp">events@typo3.com</a>.</p> </div> <div class="card-footer"> <a href="/faq" title="Find out more" class="btn btn-default"> <span class="btn-text"> Find out more </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </main> <footer id="page-footer" class="bp-page-footer"> <section class="section footer-section footer-section-meta"> <div class="frame frame-background-none frame-space-before-none frame-space-after-none"> <div class="frame-group-container"> <div class="frame-group-inner"> <div class="frame-container frame-container-default"> <div class="frame-inner"> <div class="footer-info-section"> <div class="footer-meta"> <ul id="meta_menu" class="meta-menu"> <li> <a href="https://typo3.com/privacy-policy" target="_blank" rel="noopener" title="Privacy Policy"> <span>Privacy Policy</span> </a> </li> <li> <a href="https://typo3.com/legal-notice" target="_blank" rel="noopener" title="Legal Notice"> <span>Legal Notice</span> </a> </li> </ul> </div> <div class="footer-copyright"> <p>©2025 <a href="http://www.typo3.com" target="_blank" rel="noreferrer noopener">TYPO3</a></p> </div> <div class="footer-sociallinks"> <div class="sociallinks"> <ul class="sociallinks-list"> <li class="sociallinks-item sociallinks-item-facebook" title="Facebook"> <a class="sociallinks-link sociallinks-link-facebook" href="https://www.facebook.com/typo3" title="Facebook" rel="noopener" target="_blank"> <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-facebook" aria-hidden="true"></span> <span class="sociallinks-link-label">Facebook</span> </a> </li> <li class="sociallinks-item sociallinks-item-instagram" title="Instagram"> <a class="sociallinks-link sociallinks-link-instagram" href="https://www.instagram.com/typo3_official" title="Instagram" rel="noopener" target="_blank"> <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-instagram" aria-hidden="true"></span> <span class="sociallinks-link-label">Instagram</span> </a> </li> <li class="sociallinks-item sociallinks-item-linkedin" title="LinkedIn"> <a class="sociallinks-link sociallinks-link-linkedin" href="https://www.linkedin.com/company/typo3-gmbh" title="LinkedIn" rel="noopener" target="_blank"> <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-linkedin" aria-hidden="true"></span> <span class="sociallinks-link-label">LinkedIn</span> </a> </li> <li class="sociallinks-item sociallinks-item-youtube" title="YouTube"> <a class="sociallinks-link sociallinks-link-youtube" href="https://www.youtube.com/c/typo3" title="YouTube" rel="noopener" target="_blank"> <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-youtube" aria-hidden="true"></span> <span class="sociallinks-link-label">YouTube</span> </a> </li> <li class="sociallinks-item sociallinks-item-bluesky" title=""> <a class="sociallinks-link sociallinks-link-bluesky" href="https://bsky.app/profile/typo3.com" title="" rel="noopener" target="_blank"> <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-bluesky" aria-hidden="true"></span> <span class="sociallinks-link-label"></span> </a> </li> <li class="sociallinks-item sociallinks-item-mastodon" title=""> <a class="sociallinks-link sociallinks-link-mastodon" href="https://typo3.social/@typo3" title="" rel="noopener" target="_blank"> <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-mastodon" aria-hidden="true"></span> <span class="sociallinks-link-label"></span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> </footer> <a class="scroll-top" title="Scroll to top" href="#top"> <span class="scroll-top-icon"></span> </a> </div> <script src="/typo3temp/assets/compressed/merged-a02cdd43e1b2be537a45f8d9c5de72c5-383be0d284e6a67141b169c1353f9d3d.js?1739782146"></script> <script type="application/javascript" id="R9wBKTwzv" language="en" src="https://app.usercentrics.eu/latest/main.js"></script> </body> </html>

CINXE.COM

TYPO3 Surfcamp - TYPO3 Surfcamp - Surf and Code