Part 9 of 10

The Elements Website and Community

0

Install VS Code and Elements, build a todos app by asking an AI agent, and deploy the app to DigitalOcean. Then tour the project environment, the elements command, the website and the business.

  1. 1. Introduction 0:18
  2. 2. Install VS Code 3:30
  3. 3. Install Elements 1:27
  4. 4. Create Your First App 5:26
  5. 5. Set Up a Deployment Environment on DigitalOcean 4:49
  6. 6. Deploy Your App 3:11
  7. 7. The Project Environment 2:32
  8. 8. The Elements Tooling 6:07
  9. 9. The Elements Website and Community 2:48
  10. 10. The Elements Business 1:27

In this video we tour [elements.dev](https://elements.dev) signed in: the demos, Learn, the install page, search, the Discuss community, the get-started guide, the manual, issues and your profile. ### 1. Demos, Learn, Install and search - **[Demos](/demos)**: apps already built on Elements. Use one as the starting point for your app, or look at what is possible. They are open source and MIT licensed. - **[Learn](/learn)**: guides and videos, including this series. - **[Install](/install)**: the install script, if you need it again. Paste it into the VS Code terminal or any terminal. - **Search**, at the top. Click it or press Command-K. ### 2. Discuss [Discuss](/discuss) is the Elements community. Once you have an account, click **New** to create a post and choose who sees it: - **Public**, for everyone. - **Members** of the community. - **Private**, for people you invite. To ask the Elements team a question privately, make the post private and invite `@elements`. Ask questions there, or show what you are working on. Click the up arrow on a post you like to give the post a vote, and open a post to comment. ### 3. The get-started guide and the manual The get-started guide is at [elements.dev/start](/start), and in search, on the install page and in the footer. It is a quick reference for the steps in this series, in VS Code or in the terminal. The [manual](/learn/man) is written mostly for agents, and people can read it too. ### 4. History, issues and your profile - **[History](/history)**: the story of Elements. - **Create**, in search: start a new discussion or a new issue. Issues are for bugs and problems you find, and the Elements team looks at each one. - **Your profile**, in search: your account and your settings.

Before we conclude, let me show you around the Elements website. Once you're signed in and you have an account, there are a couple of features that you're going to have that you won't if you weren't signed in, and let me show you how to use those. When you land on the website, there are a couple things on the main navbar. If you go to Demos, you'll see a bunch of different demos that are already built. You can actually use these demos as a starting point for your application if you would like, or you can just look at them to see what's possible. They're all open source, they're all MIT licensed, so feel free to use them as you wish.

The Learn page will have various things that we have written that are to help you like these videos to help you get started and so on. Install will have the install script. If you ever need that again, you can take this and you can paste it into the Visual Studio Code terminal or into a raw terminal. The search box up at the top, you can get to by clicking, or you can press Command-K for a little bit faster access. And in the navigation section, you can see Home, Demos, Learn. And there's another one here called Discuss, and that's our community. And once you're a user, you can come in here and you can create a new post.

And you can make that visible to the public, just to members of the community or private if you only want to have it visible to specific people that you invite. So if you have a question for the Elements team, you can make it private and you can invite @elements, and only we'll see it. So feel free to ask as many questions as you want here, or show us what you're working on. We'd really like to have this be a vibrant community. This uses a kind of Hacker News-like voting system, so if you like somebody's post or you think it's interesting, just go ahead and click the up arrow, and that will give them a vote.

You can open up one of these posts and you can add comments as well. So go down and be a participant in the community. We'd really appreciate that. Other things you can do in search: there's a Get Started guide, which you can get to from here in the search menu or on the install page. it's also linked at the bottom. And this will take you through all of the steps required to get going, kind of a quick guide of what we just did in this video. So if you ever need a quick reference, just go ahead and go to elements.dev/start. And that will guide you through how to do it either in Visual Studio Code or in the terminal.

There's a product manual that you can read. This is mostly for agents. But if you're a human and you want to read this, by all means, feel free. Okay, finally, you can read about the history of the company here as well. This gives a little bit of the story of myself and how this came to be. Hopefully, you'll find that interesting. And then down in the Create section, you can create a new discussion or create a new issue. Issues are kind of like GitHub issues, for any bugs or problems that you encounter. You can go ahead and create a new issue, and we'll look at it and get it resolved for you. Down in your Profile section, you'll have a page for your account and for settings, and you can just click through those, and I think it should be self-explanatory.

Add a comment