CINXE.COM
Generate app - App Store - Nextcloud
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="The Nextcloud App Store - Upload your apps and install new apps onto your Nextcloud"> <meta name="author" content="The Nextcloud Community"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="shortcut icon" href="/static/assets/img/favicon.png"/> <link rel="apple-touch-icon" href="/static/assets/img/favicon-180.png"> <title>Generate app - App Store - Nextcloud</title> <link rel="stylesheet" href="/static/assets/css/fonts.css" charset="utf-8"> <link rel="stylesheet" href="/static/vendor/bootstrap/dist/css/bootstrap.min.css" charset="utf-8"> <link rel="stylesheet" href="/static/assets/css/icons.css" charset="utf-8"> <link rel="stylesheet" href="/static/assets/css/style.css" charset="utf-8"> <link rel="stylesheet" href="/static/assets/css/theme.css" charset="utf-8"> <link rel="alternate" type="application/atom+xml" title="Latest app releases" href="/en/feeds/releases.atom" /> <link rel="alternate" type="application/rss+xml" title="Latest app releases" href="/en/feeds/releases.rss" /> <script type="text/javascript" src="/static/vendor/bootstrap.native.min.js" async></script> </head> <body> <div id="container"> <div class="banner"> <div class="container"> <div class="row row-no-gutters"> <div class="col-sm-12 col-md-6"> <div class="left-navbar-wrapper"> <a class="brand" href="/"> <img class="logo" alt="Logo" src="/static/assets/img/logo-icon.svg" title="nextcloud.com"> <span class="site-title">App store</span> </a> <ul class="nav navbar-nav developer-nav"> <li role="presentation" class="dropdown"> <a class="dropdown-toggle nav-heading" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> <span class="icon material-symbols-outlined">arrow_drop_down_circle</span> Resources for developers </a> <ul class="dropdown-menu"> <li class="nav-link"> <a href="https://nextcloud.com/developer" rel="noopener noreferrer"> <span class="icon material-symbols-outlined">developer_board</span> Develop for Nextcloud </a> </li> <li class="nav-link"> <a href="https://docs.nextcloud.com/server/latest/developer_manual" rel="noopener noreferrer"> <span class="icon material-symbols-outlined">description</span> Developer documentation </a> </li> <li class="nav-link"> <a href="https://docs.nextcloud.com/server/latest/developer_manual/basics/front-end/l10n.html" rel="noopener noreferrer"> <span class="icon material-symbols-outlined">translate</span> Request translations </a> </li> <li role="separator" class="divider"></li> <li class="nav-link"> <a href="https://nextcloudappstore.readthedocs.io/en/latest/developer.html" rel="noopener noreferrer"> <span class="icon material-symbols-outlined">upload</span> Submit your app </a> </li> <li class="nav-link"> <a href="/developer/apps/generate"> <span class="icon icon-creation"></span> Generate app </a> </li> </ul> </li> </ul> </div> </div> <div class="col-sm-12 col-md-6"> <div id="navbar-wrapper" class="navbar-wrapper"> <div class="search-form"> <form method="get" action="/ "> <div class="search-input-group"> <span class="icon material-symbols-outlined" aria-hidden="true">search</span> <input type="search" name="search" role="search" value="" placeholder="Search in all apps" class="form-control search-box"> </div> <input type="submit" value="Search" class="search-button"> </form> </div> <ul class="nav navbar-nav navbar-right user-nav"> <li class="nav-link"> <a href="/login/"> <span class="icon material-symbols-outlined">login</span> Log in </a> </li> <li class="nav-link"> <a href="/signup/"> <span class="icon material-symbols-outlined">app_registration</span> Register </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container" id="body"> <div class="messages"> </div> <div class="app-form"> <h1>Generate app</h1> <hr> <form id="app-generate-form" method="post" action="/developer/apps/generate"> <input type="hidden" name="csrfmiddlewaretoken" value="XGSH8P522RftT9H9Jxpe2Slps9TRi5IcdUMc4QTr7fOew4qnQDQG08bNwlmSPSa2"> <input type="hidden" name="csrfmiddlewaretoken" value="XGSH8P522RftT9H9Jxpe2Slps9TRi5IcdUMc4QTr7fOew4qnQDQG08bNwlmSPSa2"> <div class="form-group "> <label title="required field" class="control-label" for="id_name"> App name <span class="required-field material-symbols-outlined">asterisk</span> </label> <input type="text" name="name" placeholder="The app name must be camel case e.g. MyApp" maxlength="80" class="form-control" required id="id_name"> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-name"></p> </div> </div> <div class="form-group "> <label title="required field" class="control-label" for="id_author_name"> Author's full name <span class="required-field material-symbols-outlined">asterisk</span> </label> <input type="text" name="author_name" maxlength="80" class="form-control" required id="id_author_name"> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-author_name"></p> </div> </div> <div class="form-group "> <label title="required field" class="control-label" for="id_author_email"> Author's email <span class="required-field material-symbols-outlined">asterisk</span> </label> <input type="email" name="author_email" maxlength="320" class="form-control" required id="id_author_email"> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-author_email"></p> </div> </div> <div class="form-group "> <label class="control-label" for="id_author_homepage"> Author's homepage </label> <input type="url" name="author_homepage" class="form-control" id="id_author_homepage"> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-author_homepage"></p> </div> </div> <div class="form-group "> <label title="required field" class="control-label" for="id_issue_tracker"> Issue tracker URL <span class="required-field material-symbols-outlined">asterisk</span> </label> <input type="url" name="issue_tracker" class="form-control" required id="id_issue_tracker"> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-issue_tracker"></p> </div> <p class="help-block">Bug reports and feature requests</p> </div> <div class="form-group "> <label title="required field" class="control-label" for="id_categories"> Categories <span class="required-field material-symbols-outlined">asterisk</span> </label> <select name="categories" class="form-control" required id="id_categories" multiple> <option value="customization">Customization</option> <option value="dashboard">Dashboard</option> <option value="files">Files</option> <option value="games">Games</option> <option value="integration">Integration</option> <option value="monitoring">Monitoring</option> <option value="multimedia">Multimedia</option> <option value="office">Office & text</option> <option value="organization">Organization</option> <option value="search">Search</option> <option value="security">Security</option> <option value="social">Social & communication</option> <option value="tools" selected>Tools</option> <option value="workflow">Flow</option> </select> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-categories"></p> </div> <p class="help-block">Hold down Ctrl and click to select multiple entries</p> </div> <div class="form-group "> <label title="required field" class="control-label" for="id_summary"> Summary <span class="required-field material-symbols-outlined">asterisk</span> </label> <input type="text" name="summary" maxlength="256" class="form-control" required id="id_summary"> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-summary"></p> </div> <p class="help-block">Short description of your app that will be rendered as short teaser</p> </div> <div class="form-group "> <label title="required field" class="control-label" for="id_description"> Description <span class="required-field material-symbols-outlined">asterisk</span> </label> <textarea name="description" cols="40" rows="10" class="form-control" required id="id_description"> </textarea> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-description"></p> </div> <p class="help-block">Full description of what your app does. Can contain Markdown.</p> </div> <div class="form-group "> <label class="control-label checkbox-group" for="id_opt_in"> I opt in for the collection of my personal data. We could then reach out to you to check in with you about your plans or to ask for feedback on our developer program. <input type="checkbox" name="opt_in" id="id_opt_in"> <span class="checkmark"></span> </label> <!-- javascript errors --> <div hidden> <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> <span class="sr-only">(error)</span> <p class="text-danger error-msg-opt_in"></p> </div> </div> <button id="submit" class="btn btn-primary btn-block"> <span class="icon icon-creation icon-white icon-invert"></span> Generate and download </button> </form> </div> </div> <footer class="navbar-default" id="footer"> <div class="container"> <ul class="nav navbar-nav"> <li class="nav-link"> <a href="https://github.com/nextcloud/appstore" rel="noreferrer noopener"> <span class="icon icon-source-fork"></span> Contribute to the app store </a> </li> <li class="nav-link"> <a href="https://nextcloud.com/privacy/" rel="noreferrer noopener"> <span class="icon icon-text-box"></span> Privacy and legal </a> </li> <li class="nav-link"> <a href="https://nextcloud.com/impressum/" rel="noreferrer noopener"> <span class="icon icon-note-text"></span> Legal notice </a> </li> </ul> </div> </footer> </div> </body> </html>