1 2<!DOCTYPE html> 3<html lang="en"> 4 <head> 5 <meta charset="utf-8"/> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> 8 <meta name="referrer" content="strict-origin-when-cross-origin" /> 9 10 <meta name="description" content="Discover django CMS's product vision and strategic initiatives for creating flexible, scalable web experiences. Join our community and contribute today!"/> 11 <meta property="og:type" content="website"/> 12 <meta property="og:title" content="Product Vision"/> 13 <meta property="og:description" content="Discover django CMS's product vision and strategic initiatives for creating flexible, scalable web experiences. Join our community and contribute today!"/> 14 15 16 <link rel="canonical" href="https://www.django-cms.org/about-django-cms/product-vision/"/> 17 <meta property="og:url" content="https://www.django-cms.org/about-django-cms/product-vision/"/> 18 19 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/static/apple-touch-icon-57x57.5f5ad76536ee.png" /> 20 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/apple-touch-icon-114x114.f63baebe5a63.png" /> 21 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/apple-touch-icon-72x72.de6779932c2a.png" /> 22 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/apple-touch-icon-144x144.802abf298823.png" /> 23 <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/static/apple-touch-icon-60x60.b78399389be3.png" /> 24 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/static/apple-touch-icon-120x120.44a357c32d47.png" /> 25 <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/static/apple-touch-icon-76x76.c246f06fd3ee.png" /> 26 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/static/apple-touch-icon-152x152.a895e63d0167.png" /> 27 <link rel="icon" type="image/png" href="/static/favicon-196x196.0d90e0392de7.png" sizes="196x196" /> 28 <link rel="icon" type="image/png" href="/static/favicon-96x96.c1a01c2c8add.png" sizes="96x96" /> 29 <link rel="icon" type="image/png" href="/static/favicon-32x32.2286f76c2382.png" sizes="32x32" /> 30 <link rel="icon" type="image/png" href="/static/favicon-16x16.1a536bbdd6ca.png" sizes="16x16" /> 31 <link rel="icon" type="image/png" href="/static/favicon-128.69a0940e4c2d.png" sizes="128x128" /> 32 <meta name="msapplication-TileColor" content="#FFFFFF" /> 33 <meta name="msapplication-TileImage" content="/static/mstile-144x144.802abf298823.png" /> 34 <meta name="msapplication-square70x70logo" content="/static/mstile-70x70.69a0940e4c2d.png" /> 35 <meta name="msapplication-square150x150logo" content="/static/mstile-150x150.ba3d82aa3810.png" /> 36 <meta name="msapplication-wide310x150logo" content="/static/mstile-310x150.9b4d768fb119.png" /> 37 <meta name="msapplication-square310x310logo" content="/static/mstile-310x310.ee1629c5fbf5.png" /> 38 39 <title>Product Vision</title> 40 41 <link rel="stylesheet" href="/static/css/main.d64759abb826.css"> 42 <link href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" 43 rel="stylesheet"> 44 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" 45 rel="stylesheet"> 46 <link rel="stylesheet" href="/static/iconsets/fontawesome.min.f27bbfb60ee5.css"> 47 <link rel="stylesheet" href="/static/iconsets/fa-light/light.min.0c48321c5a6c.css"> 48 <link rel="stylesheet" href="/static/iconsets/fa-thin/thin.min.45573455e49d.css"> 49 <link rel="stylesheet" href="/static/iconsets/fa-brands/brands.min.a35563a480c9.css"> 50 51 52 53 54 </head> 55 <body class="d-flex flex-column min-vh-100" > 56 57 58 59 60<nav class="navbar navbar-expand-xl bg-white py-4"> 61 <div class="container"> 62 63 64 65 66 67 68 <a class="navbar-brand no-hover" href="/"><img src="https://djangocms2023-live-ac4fa9a29f2e4502bbee-010ffe0.divio-media.net/filer_public/9d/95/9d95b075-4662-4291-b54f-dc534a83cf3b/django-cms-logo.svg" alt="Logo" height="47"></a> 69 70 71 72 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup">
73 <span class="navbar-toggler-icon"></span> 74 </button> 75 76 <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> 77 78 <ul class="navbar-nav list-unstyled"> 79 <li class="nav-item dropdown"><a 80 class="nav-link dropdown-toggle" 81 role="button" 82 data-bs-toggle="dropdown" 83 aria-expanded="false" 84 aria-controls="navbarNavAltMarkup" 85 aria-expanded="false" 86 aria-label="Toggle navigation" 87 href="#" 88 id="menu-49" 89 > 90 Solutions 91 </a><div class="dropdown-menu w-100" aria-labelledby="menu-49"><div class="row"><div class="col-12 mb-lg-0 col-lg-4 col mb-4"><h2 class="pb-3 mt-3 text-secondary">Solutions</h2><p>We serve enterprises, universities, and digital agencies that rely on django CMS to power scalable, flexible, and content-rich web experiences.</p><a href="/request-demo/" class="mt-2 btn mt-lg-0 btn-primary">Request Demo</a></div><div class="col-12 mb-3 mb-lg-0 col-lg-4 col pb-1"><h4 class="pb-3 mt-3">Learn more</h4><ol class="list-unstyled m-0 d-flex list-container flex-column gap-1"><li class="list-link-item"><a href="/agencies/">Agencies</a></li><li class="list-link-item"><a href="/universities/">Universities</a></li><li class="list-link-item"><a href="/enterprise-marketers/">Enterprise Marketers</a></li><li class="list-link-item"><a href="/developers/">Developers</a></li><li class="list-link-item"><a href="/case-studies/">Case studies</a></li></ol></div><div class="col-12 col col-lg-4"><div class="shadow-sm h-100 bg-secondary text-light card"><div class="card-body"><h4>Do you want to learn more about how django CMS fits into your environment?</h4><p>We have compiled some exemplary case studies to show how django CMS fits into a variety of environments â each with its own challenges.</p><a href="/case-studies/" class="btn-outline-primary btn mt-4">View casestudies</a></div></div></div></div></div></li><li class="nav-item dropdown"><a 92 class="nav-link dropdown-toggle" 93 role="button" 94 data-bs-toggle="dropdown" 95 aria-expanded="false" 96 aria-controls="navbarNavAltMarkup" 97 aria-expanded="false" 98 aria-label="Toggle navigation" 99 href="#" 100 id="menu-5" 101 > 102 About django CMS 103 </a><div class="dropdown-menu w-100" aria-labelledby="menu-5"><div class="row"><div class="col-12 mb-lg-0 col-lg-4 col mb-4"><h2 class="pb-3 mt-3 text-secondary">About django CMS</h2><p>Learn what django CMS is, how it works, and why itâs a powerful, flexible platform for building and managing modern digital experiences.</p></div><div class="col-12 mb-3 mb-lg-0 col-lg-4 col pb-1"><h4 class="pb-3 mt-3">Learn more</h4><ol class="list-unstyled m-0 d-flex list-container flex-column gap-1"><li class="list-link-item"><a href="/about-django-cms/features/">Features</a></li><li class="list-link-item"><a href="/about-django-cms/product-vision/">Product Vision</a></li><li class="list-link-item"><a href="/about-django-cms/ecosystem/">Explore the ecosystem</a></li><li class="list-link-item"><a href="/about-django-cms/faq/">FAQ</a></li><li class="list-link-item"><a href="/about-django-cms/compare-django-cms/">Compare django CMS</a></li></ol></div><div class="col-12 col col-lg-4"></div></div></div></li><li class="nav-item dropdown"><a 104 class="nav-link dropdown-toggle" 105 role="button" 106 data-bs-toggle="dropdown" 107 aria-expanded="false" 108 aria-controls="navbarNavAltMarkup" 109 aria-expanded="false" 110 aria-label="Toggle navigation" 111 href="#" 112 id="menu-3" 113 > 114 Our community 115 </a><div class="dropdown-menu w-100" aria-labelledby="menu-3"><div class="row"><div class="col-12 mb-lg-0 col-lg-4 col mb-4"><h2 class="pb-3 mt-3 text-secondary">Our community</h2><p>Explore the django CMS communityâconnect with contributors, find support, and discover the people and resources that help drive the platform forward.</p><a href="/discord/" class="mt-2 btn mt-lg-0 btn-primary">Join us on Discord</a></div><div class="col-12 mb-3 mb-lg-0 col-lg-4 col pb-1"><h4 class="pb-3 mt-3">Learn more</h4><ol class="list-unstyled m-0 d-flex list-container flex-column gap-1">
115<li class="list-link-item"><a href="/community/contribute/">How to contribute</a></li><li class="list-link-item"><a href="/community/current-projects/">Current Projects</a></li><li class="list-link-item"><a href="/community/the-django-cms-association/">The django CMS Association</a></li><li class="list-link-item"><a href="/community/memberships/">Memberships</a></li><li class="list-link-item"><a href="/community/volunteers/">Volunteers</a></li><li class="list-link-item"><a href="/community/fellowship-program/">Fellowship program</a></li><li class="list-link-item"><a href="/community/supporters/">Supporters</a></li><li class="list-link-item"><a href="/community/tech-partners/">Technology Partners</a></li><li class="list-link-item"><a href="/community/events/">Events</a></li></ol></div><div class="col-12 col col-lg-4"></div></div></div></li><li class="nav-item dropdown"><a 116 class="nav-link dropdown-toggle" 117 role="button" 118 data-bs-toggle="dropdown" 119 aria-expanded="false" 120 aria-controls="navbarNavAltMarkup" 121 aria-expanded="false" 122 aria-label="Toggle navigation" 123 href="#" 124 id="menu-4" 125 > 126 Resources 127 </a><div class="dropdown-menu w-100" aria-labelledby="menu-4"><div class="row"><div class="col-12 mb-lg-0 col-lg-4 col mb-4"><h2 class="pb-3 mt-3 text-secondary">Resources</h2></div><div class="col-12 mb-3 mb-lg-0 col-lg-4 col pb-1"><h4 class="pb-3 mt-3">Learn more</h4><ol class="list-unstyled m-0 d-flex list-container flex-column gap-1"><li class="list-link-item"><a href="/resources/get-started/">Get started</a></li><li class="list-link-item"><a href="/resources/blog/">News</a></li><li class="list-link-item"><a href="/resources/support/">Support</a></li><li class="list-link-item"><a href="/resources/media/">Public Relations</a></li><li class="list-link-item"><a href="/resources/documentation/">Documentation</a></li><li class="list-link-item"><a href="/resources/user-guide/">User Guide</a></li></ol></div><div class="col-12 col col-lg-4"></div></div></div></li> 128 129 </ul> 130 131 132 <div class="d-flex d-xl-none gap-3 pt-4"> 133 134 135 <a href="/request-demo/" class="btn btn-primary">Book a demo</a> 136 137 138 139 140 <a href="/community/give-back-to-the-community/" class="btn btn-outline-secondary">Give back â¤ï¸</a> 141 142 143 144 </div> 145 </div> 146 147 148 <div class="d-none d-xl-flex flex-column flex-xxl-row gap-3 ms-auto"> 149 150 151 <a href="/request-demo/" class="btn btn-primary">Book a demo</a> 152 153 154 155 156 <a href="/community/give-back-to-the-community/" class="btn btn-outline-secondary">Give back â¤ï¸</a> 157 158 159 160 </div> 161 162 </div> 163</nav> 164 165 166 <main class="flex-grow-1"> 167 168 169 170 171<section class="py-6 bg-secondary hero-section" class="py-6 bg-secondary"> 172 <div class="container"> 173 <div class="row align-items-center"> 174 <div class="col-lg-6 mb-3 mb-lg-0 hero-content-left py-6"> 175 176 <span class="overline">The future of django CMS...with your help!</span> 177 178 <div class="row"> 179 <div class="col-12 col-lg-11"> 180 <h1 class="mt-2 pb-4 mb-0">Our Product Vision</h1> 181 <div class="fs-5 pb-2 mb-0"><p>See the current django CMS product strategy and strategic initiatives presentation</p></div> 182 </div> 183 </div> 184 <div class="mt-4"> 185 186 <a href="https://strategy.django-cms.org/" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Django CMS Strategy</a> 187 188 189 190 </div> 191 </div> 192 193 <div class="col-lg-6 hero-content-right position-relative"> 194 195 <div class="hero-main-image mt-5 mt-lg-0"> 196 197 198 199 200 <div> 201 202 <svg viewBox="0 0 1300 1124" style="width: 100%;" role="img" aria-label="vision-workshop.png" class="img-fluid"> 203 <defs> 204 <clipPath id="clip-shape-frontend-plugins-1" clipPathUnits="userSpaceOnUse"> 205 <path d=" 206 M 294 114 207 L 294 30 Q 294 0 324 0 208 L 1269 0 Q 1299 0 1299 30 209 L 1299 1093 Q 1299 1123 1269 1123 210 L 324 1123 Q 294 1123 294 1093 211 L 294 858 212 L 30 858 Q 0 858 0 828 213 L 0 144 Q 0 114 30 114 214 L 294 114 Z 215 "/> 216 </clipPath> 217 </defs> 218 219 <image 220 href="https://djangocms2023-live-ac4fa9a29f2e4502bbee-010ffe0.divio-media.net/filer_public_thumbnails/filer_public/7b/e9/7be9d9e8-1493-47d6-be78-3d8fd62c8e32/vision-workshop.png__800x533_subsampling-2.webp" 221 width="1300" 222 height="1124" 223 clip-path="url(#clip-shape-frontend-plugins-1)" 224 preserveAspectRatio="xMidYMid slice" 225 /> 226 </svg> 227 </div> 228 229 230 231 232 </div> 233 234 235 <div class="hero-counters"> 236 237 </div> 238 239 </div> 240 </div> 241 </div> 242</section> 243 244<section class=" background-grid"> 245 <div class="container py-6"> 246 247 248 <h2>Product Journey for django CMS</h2> 249 250 251 252 253 <div style="border-radius: 20px; overflow: hidden;" class="shaddow-sm"> 254 <img src="https://djangocms2023-live-ac4fa9a29f2e4502bbee-010ffe0.divio-media.net/filer_public_thumbnails/filer_public/c7/62/c7620fe9-9e7b-4c6e-9e3e-087a513c2aea/roadmap.png__1600x0_subsampling-2.webp" loading="lazy" decoding="async" alt="" 255 256 class="img-fluid" /> 257 </div> 258 259 260 261 </div> 262</section> 263<!-- cms_theme/templates/benefits/benefits_panel.html --> 264 265<div class="bg-light py-6"> 266 <div class="container"> 267 268 269 <h2 class="pb-5 mt-3 text-center">Get involved now</h2> 270 271 <div class="row g-4 justify-content-center row-cols-1 272 row-cols-md-2 row-cols-lg-4 273 274 "> 275 276 <!-- cms_theme/templates/benefits/benefits_card.html --> 277 278 279 280<div class="col"> 281 <div class=" h-100 card benefits-card benefits-card-padding d-flex flex-column text-secondary" > 282 283 284 285 <div class="benefits-card-wrapper benefits-card-margin-bottom"> 286 <h3 class="h4 fw-bold mb-4">Join current projects</h3> 287 </div> 288 289 290 <div class="benefits-card-spacing flex-grow-1 benefits-card-body mt-auto"> 291 <p>Check out what the team of contributors is currently working on</p> 292 </div> 293 294 295 <div class="mt-auto"> 296 <a href="/community/current-projects/" class="btn btn-primary">See current Projects</a> 297 298 </div> 299 300 301 </div> 302</div> 303 304 305 <!-- cms_theme/templates/benefits/benefits_card.html --> 306 307 308 309<div class="col"> 310 <div class=" h-100 card benefits-card benefits-card-padding d-flex flex-column text-secondary" > 311 312 313 314 <div class="benefits-card-wrapper benefits-card-margin-bottom"> 315 <h3 class="h4 fw-bold mb-4">Contribute code</h3> 316 </div> 317 318 319 <div class="benefits-card-spacing flex-grow-1 benefits-card-body mt-auto"> 320 <p>Help the django CMS community reaching their milestones!</p> 321 </div> 322 323 324 <div class="mt-auto"> 325 <a href="/community/contribute/" class="btn btn-primary">
325I want to Contribute</a> 326 327 </div> 328 329 330 </div> 331</div> 332 333 334 <!-- cms_theme/templates/benefits/benefits_card.html --> 335 336 337 338<div class="col"> 339 <div class=" h-100 card benefits-card benefits-card-padding d-flex flex-column text-secondary" > 340 341 342 343 <div class="benefits-card-wrapper benefits-card-margin-bottom"> 344 <h3 class="h4 fw-bold mb-4">Get in touch</h3> 345 </div> 346 347 348 <div class="benefits-card-spacing flex-grow-1 benefits-card-body mt-auto"> 349 <p>Find us on Discord and discuss with django CMS core developers</p> 350 </div> 351 352 353 <div class="mt-auto"> 354 <a href="https://discord-main-channel.django-cms.org/" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Talk to us</a> 355 356 </div> 357 358 359 </div> 360</div> 361 362 363 </div> 364 </div> 365</div> 366 367 368 </main> 369 <footer class="mt-auto"> 370 371 372 373 374<section class="footer-section py-6 bg-dark "> 375 <div class="container"> 376 <div class="row cms-plugin"> 377 <div class="col-12 col col-md-6"> 378 <img src="/static/cms/fonts/src/logo.cfd1d282fb17.svg" alt="django CMS" height="35" loading="lazy" decoding="async" class="img-fluid logo-invert"> 379 </div> 380 381 <div class="col-12 my-lg-0 col col-md-2 py-1 my-4 py-lg-0"> 382 <h2 class="text-white pb-1 overline mb-0">Community</h2> 383 <nav class="mt-2 list-link-container"> 384 <ul class="list-unstyled m-0 d-flex list-container flex-column gap-2" role="list"> 385 386 <li class="list-link-item"> 387 <a href="/resources/blog/" class="link-white ps-0 mt-0">Blog</a> 388 389 </li> 390 391 <li class="list-link-item"> 392 <a href="/community/events/" class="link-white">Events</a> 393 394 </li> 395 396 <li class="list-link-item"> 397 <a href="/resources/support/" class="link-white">Security</a> 398 399 </li> 400 401 <li class="list-link-item"> 402 <a href="/community/supporters/" class="link-white">Our supporters</a> 403 404 </li> 405 406 </ul> 407 </nav> 408 </div> 409 410 <div class="col-12 my-lg-0 col col-md-2 py-1 my-4 py-lg-0"> 411 <h2 class="text-white pb-1 overline mb-0">Developer</h2> 412 <nav class="mt-2 list-link-container"> 413 <ul class="list-unstyled m-0 d-flex list-container flex-column gap-2" role="list"> 414 415 <li class="list-link-item"> 416 <a href="https://docs.django-cms.org/" target="_blank" rel="noopener noreferrer" class="link-white mt-1">Documentation</a> 417 418 </li> 419 420 <li class="list-link-item"> 421 <a href="/about-django-cms/product-vision/" class="link-white">Roadmap</a> 422 423 </li> 424 425 <li class="list-link-item"> 426 <a href="https://github.com/django-cms/" target="_blank" rel="noopener noreferrer" class="link-white">Repository</a> 427 428 </li> 429 430 <li class="list-link-item"> 431 <a href="https://github.com/django-cms/django-cms/issues" target="_blank" rel="noopener noreferrer" class="link-white">Issue Tracker</a> 432 433 </li> 434 435 </ul> 436 </nav> 437 </div> 438 439 <div class="col-12 my-xl-0 col col-xl-2 py-1 my-4 py-xl-0"> 440 <h2 class="text-white pb-1 overline mb-0">Follow us</h2> 441 <nav class="mt-2 list-link-container"> 442 <ul class="list-unstyled m-0 d-flex list-container flex-row gap-2" role="list"> 443 444 <li class="list-link-item"> 445 <a href="https://linkedin.com/django-cms" target="_blank" rel="noopener noreferrer" class="link-white"> 446 447 <div class="fa-linkedin-in fa-brands" aria-label="LinkedIn"> 448 449 </div> 450</a> 451 452 </li> 453 454 <li class="list-link-item"> 455 <a href="/discord/" class="link-white"> 456 457 <div class="fa-discord fa-brands" aria-label="Discord"> 458 459 </div> 460</a> 461 462 </li> 463 464 <li class="list-link-item"> 465 <a href="https://www.youtube.com/@djangocms" target="_blank" rel="noopener noreferrer" class="link-white"> 466 467 <div class="fa-youtube fa-brands" aria-label="Youtube"> 468 469 </div> 470</a> 471 472 </li> 473 474 <li class="list-link-item"> 475 <a href="https://github.com/django-cms/" target="_blank" rel="noopener noreferrer" class="link-white"> 476 477 <div class="fa-github fa-brands" aria-label="GitHub"> 478 479 </div> 480</a> 481 482 </li> 483 484 </ul> 485 </nav> 486 </div> 487 </div> 488 489 490 <hr class="text-white opacity-100 mt-6 mb-4 pb-2"> 491 492 493 <div class="row align-items-start footer-bottom"> 494 <div class="col-12 col-lg-6"> 495 <div class="d-flex flex-row flex-wrap gap-footer mb-3 mb-md-0 p-1 p-md-0"> 496 497 498 <a href="/resources/support/" class="link-white mt-1">Support</a> 499 500 501 502 503 <a href="/site-notice/" class="link-white mt-1">Site notice</a> 504 505 506 507 508 <a href="/resources/media/" class="link-white mt-1">Press</a> 509 510 511 512 513 514 </div> 515 </div> 516 517 <div class="col-12 col-lg-6 text-start text-md-end text-white"> 518 519 520 521 522 523 524 525 526 <p style="text-align: right"><span class="text-white">Django CMS is based on Python and Django</span><br><span class="text-white">A project backed by the django CMS Associationâ¨</span><br><span class="text-white">Copyright © 2001 - 2025 Divio AG. BSD Open-Source License.</span></p> 527 528 529 </div> 530 </div> 531 </div> 532</section> 533 534 535 </footer> 536 537
537<script src="/static/js/counter.9a48c10f1b31.js"></script>
537 538
538<script src="/static/js/bootstrap.bundle.min.c3d406f6f981.js"></script>
538 539
539<script src="/static/js/navbar.82cc204a3f0e.js"></script>
539 540
540<script src="/static/js/features.cece8db7ed0e.js"></script>
540 541
541<script src="/static/js/video_modal.0d8d75a82bd7.js"></script>
541 542 543 544 545 546 547
547<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
547 548 549
549<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
549 550
550<script src="/static/js/logo_carousel.638305996b8f.js"></script>
550 551
551<script src="/static/js/mobile_slider.4d51aec384ec.js"></script>
551 552
552<script src="/static/js/quote_slider.408446c71921.js"></script>
552 553
553<script>document.addEventListener('DOMContentLoaded', function() { hljs.highlightAll(); });</script>
553 554 555 </body> 556</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.