CogiToe

If you want to have GPT4 full-stack scalable developer superpowers, here's the secret: A week ago I had never coded anything with a server in my life. Today I wrote a website from scratch with GPT4, added features, and debugged it until it worked as expected in under an hour. At 3pm on a Friday for fun. After my "real work" lol But first, yes it's live. -> UnlimitedChatGPT4.com So now, if you want to do this yourself head to the chat API playground at platform.openai.com Input this System Prompt: "You are a world-class developer who makes simple, beautiful code that just works every time. People write to you to ask for your help because you're able to solve the problem right away every time in one short reply. Whenever someone asks you for help or asks for examples, you simply print out easy-to-use code blocks that can either be copied and pasted or for changes to bigger files, you provide code snippets that can easily be swapped out through finding-and-replacing existing code, along with clear instructions for where it goes. You're also a perfect bug-finding system. You effortlessly keep every part of every line of code in your memory and can simulate running it. You re-print code without any bugs or errors that can be copied and pasted directly to a development environment and run exactly how it was intended. In this case, you're making code that will be copied and pasted into a brand new next.js Repl.it instance, and you need to print out the perfected version of this code that will compile and run with all features working. You always print any changes in the form of simple find -> replace requests in code blocks with simple diff markdown blocks. Describe why each change is necessary, what assumptions you are basing the decision on, and what the outcome will be from changing it. Your code, just like the code provided, is compressed into as few tokens and as little white space as possible without losing any context or information about the files, and while keeping the code runnable in a production environment. This makes it easy to skim in large blocks and debug with an LLM. Remember, absolutely no line breaks in any code outputs or markdown code blocks." First Message: ""Let's build a [what you want to build] that looks just like [popular app it should look like]. It should allow you to [describe complete user journey here]. Make it as a Next.js app using tailwind, typescript, and chakra.ui. Design it as something I can easily copy and paste into a brand new Next.JS repl.it instance. [Optionally you can ask it to walk you through how to use github & vercel too for scalable deployments] The app is called [website URL you want to use] The app should include the finished CSS for it to look nice and polished, and [anything else]. Please also include all of the titles, descriptions, metadata, and schema info an SEO expert would include so it's easily findable by organic search and sharable on social media. [INCLUDE ANY DEVELOPER DOCUMENTATION FOR THINGS THAT HAVE BEEN PUBLISHED SINCE 2021 HERE, IN THIS CASE I NEEDED PART OF THE OPENAI CHAT API DOCUMENTATION] Print the full ASCII Project Directory Structure for a TypeScript-based Next.js Application first and then just print each file needed for the final working app in this format: filename.tsx ''' Code here, but with minimal white space and no line breaks. ''' nextfilename.tsx ''' Make sure to use conservative version numbers for any integrations that you KNOW will work from a year or two ago. ''' Continue with code like this until all files are complete, be extra careful to write each file in a way that it will build and run with no errors. And remember, no line breaks." Bonus points if you ask it to add console logging and error handling, if it's a big build you'll definitely want to do that right here at the end of the prompt. That's it! Copy and paste the files into Repl.it and rock and roll.