Como usar o ChatGPT Sites para criar um app web funcional
Autoria: The AI Productivity Coach · Assistir no YouTube
Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.
Idioma original: inglês
Vídeo original: How to Use ChatGPT Sites to Build a Working Web App · Canal: The AI Productivity Coach · 10:22 · Assistir no YouTube
Tópicos: Engenharia de software com IA, Modelos de IA, Privacidade e proteção de dados
O vídeo apresenta o ChatGPT Sites e mostra como criar um app web funcional, desde a elaboração de um briefing até a publicação. O processo recomendado inclui testar primeiro as funções principais, fazer ajustes específicos e pedir feedback a outras pessoas antes de compartilhar o site. Também são apresentados recursos de acesso, versões, armazenamento e analytics, além de limitações do beta público, dos planos e do uso de dados.
Pontos-chave
Seção intitulada “Pontos-chave”- ChatGPT Sites transforma descrições em sites, apps web e jogos que podem ser hospedados e compartilhados.
- Comece definindo o que o site precisa fazer em uma conversa comum do ChatGPT, antes de construir.
- Peça à ferramenta que faça perguntas sobre o público, os objetivos e os campos necessários para preparar um briefing detalhado.
- A primeira versão precisa ser testável, não perfeita.
- Teste os fluxos principais com diferentes exemplos e situações específicas antes de focar nos ajustes de design.
- Faça alterações pequenas e específicas, e teste novamente para confirmar que o app continua funcionando.
- Peça feedback a outras pessoas e avalie quais sugestões fazem sentido para o objetivo do projeto.
- Antes de compartilhar, salve uma versão e configure o nome, o URL e as permissões de acesso.
- Os sites publicados têm analytics básicos, como visitantes e visualizações de página.
- ChatGPT Sites está em beta público, disponível nos planos pagos, com limites de uso específicos por plano e considerações sobre os dados hospedados.
Capítulos
Seção intitulada “Capítulos”| Início | Capítulo | Resumo |
|---|---|---|
| 00:00 | O que é ChatGPT Sites | Apresenta o recurso e seus usos, e explica como acessá-lo pelo ChatGPT na web ou pelo app para desktop. |
| 01:34 | Prepare um briefing antes de criar | Recomenda definir o objetivo do app em uma conversa comum, responder às perguntas da ferramenta e preparar um briefing detalhado. |
| 03:40 | Construa e teste o app | Mostra como enviar o briefing a ChatGPT Sites e testar se o fluxo principal funciona antes de aperfeiçoar o design. |
| 05:44 | Faça ajustes e peça feedback | Explica como iterar com mudanças específicas, testar novamente e obter avaliações de outras pessoas antes da publicação. |
| 07:17 | Configure o acesso e conheça as limitações | Demonstra como salvar, configurar e compartilhar o site, e aborda os limites do beta público e os cuidados com os dados. |
Citações
Seção intitulada “Citações”Antes de levar o projeto para Sites, descubra o que você quer que ele faça. — 02:06
A primeira versão não precisa ser perfeita. Só precisa ser possível de testar. — 04:10
Quem constrói consegue testar se algo funciona, mas é muito mais difícil entender como uma pessoa realmente usaria aquilo. — 06:15
ChatGPT Sites fica muito melhor quando você deixa de pensar apenas em ‘o ChatGPT pode criar um site para mim?’ — 09:51
Conceitos e entidades
Seção intitulada “Conceitos e entidades”- ChatGPT Sites (ferramenta): Recurso do ChatGPT para criar, hospedar, editar e compartilhar sites, apps web e outros projetos interativos.
- ChatGPT (ferramenta): Assistente usado para elaborar o briefing e conversar com ChatGPT Sites durante a criação e a revisão do app.
- Claude artifacts (ferramenta): Recurso citado como experiência semelhante, que permite criar e aprimorar resultados ao lado de uma conversa.
- Gemini canvas (ferramenta): Recurso citado como experiência semelhante para criar e aprimorar resultados em uma interface de conversa.
- Codex (ferramenta): Interface na qual o vídeo também mostra como acessar ChatGPT Sites pelo app para desktop.
- OpenAI (empresa): Empresa mencionada como responsável por não publicar atualmente os limites de uso específicos dos planos para ChatGPT Sites.
Tradução completa (pt-BR)
Seção intitulada “Tradução completa (pt-BR)”00:00 A maioria dos criadores para em uma prévia bonita. Esta tinha um URL, salvava as solicitações depois que eu atualizava a página e podia ser compartilhada com minha equipe. Criei isto com o ChatGPT Sites. Mas a parte útil não foi o primeiro prompt. Foi o processo que usei para explicar o que eu queria, testar e aprimorar a ferramenta antes que qualquer outra pessoa a usasse. Neste vídeo, vou mostrar o que são os ChatGPT Sites, o processo completo para criar um e os limites que você precisa conhecer antes de publicá-lo. Então, o que é um site do ChatGPT? Basicamente, os ChatGPT Sites transformam uma descrição em um site, um app web ou um jogo. Por exemplo, isso
00:30 poderia ser um rastreador interno de solicitações, como este que criei. Também poderia ser algo como um app exato de análise de contas, um hub de integração de novos funcionários, um site de briefing de evento, um painel de previsão, um relatório interativo ou um formulário simples para clientes. Os Sites podem fornecer um URL de produção, versões, controle de público, dados persistentes, armazenamento de arquivos e análises básicas. Se você já usou Claude artifacts ou Gemini canvas, a experiência será bastante semelhante. Você descreve um resultado, vê esse resultado ao lado da conversa e o aprimora conversando. A diferença, porém, está no destino. Se artifacts ou canvas parecem uma oficina
01:03 ao lado do chat, Sites está mais para uma versão hospedada disso. Ele foi criado para passar da conversa de criação para um site hospedado que outras pessoas possam usar. Então, como acessar os Sites? Basicamente, você pode abrir os Sites pelo ChatGPT na web, em chat.openai.com/sites, ou, quando estiver no ChatGPT, abrir a barra lateral, procurar a seção “Mais” e clicar em Sites. E, se ainda não tiver criado nenhum site, verá esta interface indicando que ainda não criou nenhum. No app para desktop, também é possível encontrar os Sites na interface do Codex e clicar aqui
01:34 E, da mesma forma, na interface principal do ChatGPT, eles ficam aqui, em Sites. Então, você pode usar a versão web ou o app para desktop para criar sites, e pode usar tanto a interface do ChatGPT quanto a do Codex. Mas os Sites têm seu próprio sistema de gerenciamento de projetos, versões e deploys. Então, como começamos a criar um site? Etapa um: elaborar o briefing normalmente em um chat do ChatGPT. A maneira mais rápida de perder tempo criando um site é fazer um prompt diretamente nos Sites e depois ter que fazer muitas iterações, corrigir todos os erros e ficar indo e voltando. Você pode acabar usando 10 prompts só para corrigir algumas
02:06 suposições feitas pelos ChatGPT Sites. Gosto de começar abrindo uma conversa normal no ChatGPT ou em qualquer outro app, para ser sincero, e descobrir o que você quer do site por meio dessa conversa antes de levá-lo para os Sites. Por exemplo, para o app que vou criar, aqui está o prompt. Certo, vou pedir algo como: “Me ajude a elaborar um briefing para um rastreador interno de solicitações de IA”. Mais uma vez, poderia ser qualquer coisa que você queira. Talvez um rastreador de clientes, um briefing de evento ou um painel de previsão. Pense no que você quiser e escreva em linguagem simples. Inclua algo como “entreviste-me sobre o público, a tarefa principal, os campos obrigatórios, blá-blá
02:37 blá-blá”. Uma coisa importante: ainda não crie nada. Talvez apenas diga que você vai criar isso depois nos ChatGPT Sites e acrescente o formato que quiser. O ChatGPT vai voltar com várias perguntas, então é só respondê-las. Dê o máximo de detalhes possível para obter o melhor briefing para o app. Para muitas dessas perguntas, basicamente dite as respostas para economizar um pouco de tempo, enquanto ele me entrevistava. Também é bem legal pensar no problema dessa maneira. E assim cheguei a este briefing de uma página, que está pronto para ser usado. Agora estamos em uma boa posição para levá-lo aos ChatGPT Sites e criar o app. E dá para ver
03:09 aqui que precisei dedicar um tempo para criar esse briefing. Então, imagine se você tivesse criado algo com um único prompt nos ChatGPT Sites: provavelmente estaria errado. E, no fim, você gastaria mais tempo e mais tokens reconstruindo um site do que reconstruindo um documento de texto. Uma dica que dou a muitas pessoas para qualquer prompt ou qualquer coisa que estejam fazendo é sempre perguntar à ferramenta de IA do que ela precisa ou pedir que ela faça uma entrevista ou algumas perguntas, para que você possa fornecer todas as informações necessárias para realizar uma tarefa. E, especialmente quando a tarefa é bastante complexa, é muito importante garantir
03:40 que seu prompt esteja muito bom antes de entrar nesse processo. Etapa dois: entregar o briefing aprovado aos ChatGPT Sites. Já tenho o briefing. Vou até os ChatGPT Sites e clico em “Criar um site”. O prompt “Crie um site sobre…” já está lá, então vou colar o briefing aqui e simplesmente enviar o prompt. Levou cerca de 16 minutos para criar o protótipo inicial. Posso clicar aqui para abri-lo. Parece que já preencheu alguns dados, mas, no geral, está bem fluido. Você tem esta seção “Minhas solicitações”. É uma fila. Não
04:10 acho que algumas coisas estejam funcionando muito bem, mas não é um mau começo. Então, a primeira versão não precisa ser perfeita. Só precisa ser testável. E isso nos leva à etapa número três: testar a tarefa antes do design. Vou entrar no app e verificar se ele consegue receber minhas solicitações. Digamos que esta seja uma tarefa que quero enviar. Estou na minha equipe e, toda sexta-feira, passo de duas a três horas coletando dados. A IA poderia automatizar a maior parte desse processo? Aqui estão algumas das coisas que faço. Vamos enviar isso para a Area. Ele diz: “Obrigado. Entendi o problema. Explique como funciona hoje”. E então, é bem…
04:41 …o app. Você só precisa testar como ele vai funcionar. Enviei a solicitação. Dá para ver aqui que ele fez uma conversa de ida e volta, o que é bem útil. Recebi este número de ticket e posso clicar para ver minhas próprias solicitações como funcionário. Então, ele fez um bom trabalho ao criar essa solicitação. Gostei deste pequeno painel flutuante. É bem legal. Ele fez um resumo de todas as informações que forneci. Tem este pequeno rastreador de informações sobre solicitações aprovadas, que é bem legal. E também tem este painel para as necessidades de transformação com IA. Então, basicamente, criou um app bem bom para o que eu
05:12 queria fazer. Há algumas coisas que eu ajustaria, mas pelo menos a solicitação está funcionando. Esse era o teste inicial que eu queria fazer. Então, recomendo testá-lo algumas vezes com exemplos diferentes. Fiz apenas um teste para este vídeo, mas coloque-o realmente à prova com alguns cenários bem específicos ou diferentes casos de uso para garantir que esteja funcionando para você. Passando para a etapa quatro: iterar com mudanças pontuais. Para fazer iterações, basicamente você precisa voltar à área dos Sites e dar um pouco de feedback. Digamos que queremos fazer alguns ajustes simples, como deixar as prioridades mais fáceis
05:44 de identificar rapidamente no texto. Você não precisa fazer isso. Basicamente, basta inserir as mudanças que quer fazer depois de revisar e testar o app. Enquanto o testa, é uma boa ideia anotar algumas das mudanças que quer fazer. Depois de concluir todas as iterações, você deve receber um resumo do ChatGPT. Então, pode conferir se está do jeito que você quer, fazer mais mudanças e continuar até ficar satisfeito com a estrutura geral do app. Se quiser ter certeza de que ainda está funcionando, você também pode testar novamente. Depois, passe para a etapa número cinco: peça a outra pessoa para dar uma olhada. Quem criou o app pode testá-lo
06:15 se algo funciona, mas é muito mais difícil para quem está criando entender como um usuário realmente usaria aquilo. Então, antes de publicar, eu compartilharia com alguém com quem você possa compartilhar. Você também pode testar até certo ponto em alguns dos outros apps de IA. E, se quiser receber feedback sobre o design, basta inserir uma captura de tela e dizer: “Revise o design deste app.” Receba feedback dessa forma. E, de novo, se alguma dessas coisas fizer sentido, você pode simplesmente colar isso de volta no ChatGPT para fazer alterações dessa maneira. Então, todo mundo vai ter feedback, tanto as ferramentas quanto as pessoas. O que recomendo é que você decida o que
06:46 considera mais relevante para o que está tentando alcançar e, depois, incorpore isso. Esta fase é mais para revisores, mas eles não são necessariamente os responsáveis pelo produto. Então, a decisão final deve ficar a seu critério, se você estiver criando o site, ou a critério de quem você estiver criando o site. E, por fim, vamos para a etapa final, a etapa seis: salvar, compartilhar e fazer deploy. O melhor é salvar uma versão antes de fazer o deploy. Às vezes, o ChatGPT salva automaticamente, mas peça para ele confirmar que realmente salvou. Como você pode ver aqui, ele já salvou para mim. Então, cada URL em produção é basicamente uma URL de produção. Nem todo mundo consegue
07:17 vê-la quando ela está nesta versão de rascunho. Você pode ver aqui, este é o que eu tinha, o rastreador de solicitações. Antes de fazer o deploy, você pode acessar as configurações do rastreador e editá-las. Digamos que eu queira chamá-lo de AI Help Quester. Talvez você também queira alterar a URL. Então, do mesmo jeito: AI Help, Alterar URL. Você pode até adicionar um domínio personalizado. É preciso conectá-lo aos seus registros DNS. Não vou entrar nisso agora. Depois, você pode alterar o acesso: pode compartilhar com e-mails específicos — talvez queira compartilhar apenas com a equipe — ou pode
07:47 compartilhar com qualquer pessoa que tenha o link. Também há outras variáveis de ambiente que você pode adicionar. Outra coisa legal do seu site, quando você o publica, é que pode ver as análises. Por enquanto, são bem básicas: você consegue ver visitantes e visualizações de página, mas já é o suficiente para saber o que está acontecendo no seu site e se as pessoas realmente estão usando. Na verdade, ele é colocado em deploy enquanto você o cria, mas só você consegue acessá-lo. Para disponibilizá-lo para mais pessoas, basta alterar o nível de acesso. Você pode fazer isso por e-mail, compartilhá-lo com seu workspace, se tiver uma conta de workspace, ou torná-lo público. E, quando clicar em compartilhar, você pode escolher aqui: qualquer pessoa
08:18 com o link ou apenas as pessoas convidadas. Você pode adicionar e-mails específicos ali. Vou escolher qualquer pessoa com o link. É basicamente isso. Seu site agora está em deploy. Se você escolheu o link público, pode compartilhá-lo com qualquer pessoa, e as pessoas podem começar a testá-lo. E só para observar: quando voltar à interface do seu site, você o verá aqui. Você sempre pode acessá-lo para editá-lo ou ver as análises e configurações. E, como você pode ver, desde que foi colocado em deploy, ele teve três visitantes únicos e 47 visualizações de página. Talvez tenha sido só eu no celular e minha esposa. É bom ver que está funcionando, que o link público está funcionando e que qualquer pessoa pode
08:49 acessá-lo agora. Então, pronto. Você criou seu primeiro site. Este é, obviamente, um caso de uso bem específico, mas havia um pouco de complexidade nos bastidores, e o ChatGPT fez um bom trabalho ao criá-lo. Você poderia facilmente usar isso para criar um site para você, uma landing page simples ou o que quiser. Mas me conte nos comentários o que você pensaria em criar e, se tiver um site, compartilhe-o nos comentários. Adoraria conferir e ver o que você criou. Mas, por enquanto, vamos olhar para os limites dos sites do ChatGPT. Os sites do ChatGPT ainda estão em beta público. No momento, só estão disponíveis nos planos pagos, e também há limites de uso específicos para cada plano.
09:20 Atualmente, a OpenAI não divulga quais são os limites, então você terá que descobrir isso com base no seu plano. Imagino que os limites de uso sejam determinados pelo número de sites, pelo tamanho deles e pela quantidade de armazenamento necessária para o site. E, se você atingir esses limites, provavelmente não poderá criar um novo site nem adicionar conteúdo aos seus sites atuais. Você ainda deve conseguir editar os sites existentes, dependendo do tamanho das alterações, mas é algo a ter em mente ao considerar usar isso. Outra coisa que eu também levaria em conta é quais dados você hospeda nesses sites. Então, essa é uma decisão que cabe a você
09:51 e algo a considerar ao criar um site no ChatGPT. Concluindo, os sites do ChatGPT ficam realmente bons quando você deixa de pensar apenas: “O ChatGPT pode criar um site para mim?” Ele pode concluir muitas tarefas diferentes para você e criar uma experiência parecida com a de um app. Então, ele definitivamente tem muito mais funcionalidades do que o nome sugere. O que recomendo é que, quando tiver uma ideia, desenvolva-a em uma conversa no ChatGPT, comece a criar o site, espere que isso leve um pouco de tempo, teste algumas vezes, faça algumas iterações, receba feedback de outros usuários e, depois, lance-o para quem você quiser que use. Se você achou este vídeo útil, não se esqueça de curtir e
10:22 se inscrever e me acompanhar nesta jornada. Também tenho uma newsletter semanal sobre produtividade com IA, e você pode se inscrever pelo link na descrição abaixo. Muito obrigado por assistir. Agradeço muito e nos vemos no próximo vídeo.
Transcrição original
[00:00] Most builders stop at a nice-looking preview. This one had a URL, saves requests after I refresh it, and it can be shared with my team. I built this with ChatGPT sites. But, the useful part was not the first prompt. It’s process I used to brief, test, and improve the tool before anyone else used it. In this video, I’ll show you what ChatGPT sites are, the complete process for creating one, and the limits you need to know before you publish. So, what is a ChatGPT site? ChatGPT sites basically turn a description into a website, a web app, or a game. So, for example, that
[00:30] could be an internal request tracker like this one that I made. It could also be something like an exact account review app, an onboarding hub, an event briefing site, a forecasting dashboard, an interactive report, or a simple customer form. Sites can provide a production URL, versions, audience control, persistent data, file storage, and basic analytics. If you’ve used Claude artifacts or Gemini canvas before, the experience will feel quite similar. You describe an output, you see it beside the conversation, and you improve it by chatting. The difference, however, is the destination. If artifacts or canvas feel like a workshop
[01:03] beside the chat, sites is closer to a hosted version of that. It is designed to move from that build conversation to a hosted site that others can use. So, how do you access sites? You can basically open sites from ChatGPT on the web at chat.openai.com/sites, or when you’re in ChatGPT, you can open up your sidebar, look at this more section, and hit sites. And if you haven’t created any sites, you’ll see that you’ll have this interface where you haven’t made any sites yet. On the desktop app, you can also find us in the Codex interface, and you can hit sites
[01:34] here. And similarly, in the main ChatGPT interface, it’s just here in sites. So, you can use either the web version or the desktop app to build sites, and you can use both the ChatGPT and the Codex interface. But, sites has its own management system for your projects, versions, and deployments. So, how do we get started with making a site? Step one, build the ordinary brief in ChatGPT chat. The fastest way to waste time creating a site is to just prompt directly in the sites and then have to iterate loads, fix all your mistakes, and go back and forth. You might end up spending 10 prompts just fixing some
[02:06] assumptions that ChatGPT sites made. Where I like to start is starting a regular chat in ChatGPT or any app, to be fair, and just figuring out what you want from the site through that conversation before you bring it into sites. So, for example, for this app I’m going to build, here’s the prompt. Okay, so I’m going to do something like help me build a brief for an internal AI request tracker. Again, this could be anything that you want. Maybe it’s a customer tracker, an event briefing, a forecasting dashboard. Just think about whatever you want and write it in plain English. Include something like interview me about the audience, the core job, the required fields, blah blah
[02:37] blah blah. One important thing is do not build anything yet. Um maybe just state that you’ll eventually build this in ChatGPT sites and then whatever format you want it in, just add that in. ChatGPT will come back with a bunch of questions, so just answer them. Make sure you have give as much detail as possible uh in order to get the best brief for the app. So, for a lot of those questions, I basically just dictated to save a bit of time to give my answers and I was interviewed. Pretty cool to actually think through the problem that way as well. And so, I’ve come with this one-page brief, and which is ready to go. And now we’re in a good place actually bring it into ChatGPT sites and build it. And you can see
[03:09] here, I actually had to spend a bit of time creating that brief. So, you can imagine if you had built something with one prompt in ChatGPT sites, it would probably have been wrong. And ultimately, you would spend more time and more tokens rebuilding a site than you would just rebuilding a text document. One tip I give to a lot of people uh for any prompts or anything you’re doing is just always ask your AI tool what it needs from you or ask it to interview or ask any questions, just so you can give it all the information it needs to perform a task. And especially when that task is a pretty heavy task, it’s really important to just make sure
[03:40] your prompt is really good before you go down that rabbit hole. Step two, hand the approved brief to ChatGPT sites. So, I’ve got the brief. I’m coming over to ChatGPT sites and I’m going to hit create a site. And so, it already has prompt make me a site about” and I’m just going to paste the brief in here and and then simply send prompt. So, that took about 16 minutes to build the initial prototype. I could just click into it here. It seems like it’s already populated a bit of data, but overall looks pretty smooth. You’ve got this my request section. It’s a queue. I don’t
[04:10] feel like some of that is a bit buggy there, but not a bad start. So, the first version doesn’t need to be perfect. It just needs to be testable. And that moves on to step number three, which is test the job before the design. So, I’m going to come in and basically I’m going to see in this new app whether it can take in my requests. So, let’s say this is a task that I want to submit. I’m in my team and every Friday I spend two to three hours pulling data. Could AI automate most of this process? Here are some of the things I do. Let’s send it into Area. So, he says, “Thanks. I’ve got the problem. Walk me through how it works today.” And so, it’s pretty
[04:41] the app. You just need to test how it will work. So, I’ve submitted the request. You can see here it did kind of the back and forth chat, which is pretty helpful. Um I’ve been given this ticket number and I can actually see, click in, and see as an employee here are my own personal requests. So, it’s done a good job to to actually just create this request. I like this little pop-out thing. That’s pretty cool. Um it’s made a summary of all the information I’ve given. Um it has this cool little tracker of like approved request information. And then it also has this dashboard for the AI transformation needs. So, it’s basically it’s created a pretty good app of what I
[05:12] wanted to do. There’s a few things I’d tweak, um but at least the request is working. That was the initial test I wanted to do. And so, you I’d recommend testing it a few times with a few different examples. I’ve just done one for the sake of this video, but really stress test it with some very niche scenarios or different use cases to make sure it’s working for you. Moving on step four, which is iterate with narrow changes. So, when you want to iterate, you basically have to come back to the sites area and add in a bit of feedback. Let’s say we want to make some simple tweaks like make the priorities easier
[05:44] to scan the text and you don’t need to do this. Basically, you just want to input the changes that you want to make having reviewed it and tested it. So, as you’re testing it, it’s probably good to actually just track some of the changes you want to make. So, once you get through all your iterations, you should get a summary from ChatGPT. And then you can go in and check if it looks good to you, make more changes, and just keep going until you’re happy with the overall structure of the app. You can then also run the testing again if you want to be sure that it’s still working. Then move on to step number five, and that’s get a second pair of eyes on it to look at it. A builder can test
[06:15] whether something works, but it is much more difficult for a builder to understand how a user would actually use it. So, before publishing it, I would share with someone that you are able to share it with. And you can also test it to a degree in some of the other AI apps. And if you want some feedback on the design, you can simply put a screenshot in and say “Review this app for design.” Get feedback that way. And again, if any of these things resonate, you could actually then just paste this back into ChatGPT to make changes that way. So, everyone’s going to have feedback, uh both tools and people. What I recommend is you making a call on what
[06:46] you think is most relevant for what you’re trying to achieve, and then incorporate that back in. This phase is more for reviewers, but they’re not necessarily product owners. So, the final decision should rest with you if you’re making the site or whoever you’re making it for. And then finally, moving on to the final step, step six, and that is save, share, and then deploy. So, best to save a version before you deploy it. Sometimes ChatGPT will automatically save it, but just prompt it to make sure that it actually has saved it. So, you can see here, it’s already saved it for me. So, every deployed URL is basically a production URL. So, not everyone can
[07:17] see it when it’s in this draft version. You can see here, this is the one that I had, the request tracker. So, before deploying it, you can come into the settings of the tracker and edit them. So, let’s say I just want to call this AI Help Quester. Maybe you want to change the URL as well. So, same, AI Help, Change URL. You can actually add a custom domain. You need to connect that to your DNS records. I won’t go into that right now. And then you can change the access, so either you share it with specific emails, so maybe you just want to share it with the team, or you can
[07:47] share it with anyone with the link. There are also other environment variables you can add as well. And another cool thing about your site when you do release it is that you can actually see the analytics. So, pretty basic right now, you can see visitors and page views, but helpful enough to know what’s going on with your site if people are actually using it. So, it actually does get deployed when you’re building it, but only you can access it. To deploy it to more people, you basically just have to change the access level. So, you can do that by emails, share with your workspace if you have a workspace account, or you can make it public. And when you hit share, you can basically choose here, so it’s anyone
[08:18] with the link, or it’s only those invited. So, you can add specific emails there. I’m going to do anyone with the link. That’s basically it. Your site is now deployed. You can share this if you have chosen with the public link, you can share it with anyone, and people can start testing it. And just to note, when you come back to your site’s interface, you’ll see it here. You can always go in and edit it or see the analytics and settings. And so, as you can see, uh since it’s been deployed, it has three unique visitors with 47 page views. That may just be me on my phone and my wife. Good to see that it’s working and the public link is working and anyone can
[08:49] access it now. So, there you have it. You’ve created your first site. This is obviously a very specific use case, but it was a bit complicated in the background, and ChatGPT did a good job of creating it. You could easily use this to create a site for yourself, simple landing page, or whatever you want on this. But, let me know in the comments what you would consider making, and if you do have a site, please share it in the comments. I’d love to check it out and see what you created. But, let’s look at the limits of ChatGPT sites for now. So, ChatGPT sites is still in public beta. Right now, it is only available on the paid plans, and there are also plan-specific usage limits.
[09:20] OpenAI doesn’t currently publish what the limits are currently, so that’s something you’ll just have to figure out based on your plan. I imagine the usage limits are dictated by the number of sites, the size of the sites, the number of the amount of storage you need for the site. And if you hit those limits, you probably won’t be be to create a new site or add on to your current sites. You should still be able to edit your existing sites and depending on the size of the edits, but just something to be aware of as you consider using this. One thing I’d also be conscious of is what data you host in these sites. So, that’s something for you to make a judgement
[09:51] call on and just to consider as you create a site on ChatGPT. So, in conclusion, ChatGPT sites becomes really good when you stop thinking about just ChatGPT can make me a site. Can actually complete a lot of different tasks for you and create a app-type experience. So, it definitely has a lot more functionality than the name suggests. So, what I recommend is when you have the idea, flesh it in a ChatGPT chat, start the building site, it’ll probably take a bit of time, test a few times, iterate a bit, get feedback from other users, and then launch it to whoever you want to use it. If you found this video helpful, please make sure to like and
[10:22] subscribe and join me on this journey. I also have a weekly AI productivity newsletter and you can subscribe using the link in the description below. Thank you so much for watching. I really appreciate it and I’ll see you in the next video.