Creating & Deploying a Website with Minimal Technical Know How скачать в хорошем качестве

Creating & Deploying a Website with Minimal Technical Know How

A few weeks ago, I held a livestream that demonstrated how we could use Claude Code to vibe code a website from scratch. That’s one great option, but even that option requires a teensy bit of technical know how with things like the Terminal and Git. In this #livecoding stream, I want to demonstrate an even simpler version that people could do entirely within a web browser, no local tool installation required. I will demonstrate 100% of this work directly in a web browser, so you could even do this on an iPad or Chromebook! See you this coming Friday (November 14) at 2:00pm CT! Starter prompt: Help me to build the starting structure for a website. As the backend, I would like to use Next.js, React, Tailwind CSS, and JavaScript (NOT TypeScript). When building the React files, please use .jsx files. I would also preferably like to use vite so that I can build the website locally with the command “npm run dev.” Ultimately, this website will be deployed to the Vercel platform. For the structure of the repo, please ensure there are two directories and a number of other files at the root. These two directories should be called “public” and “src”, where “public” will house any assets I add later and “src” will contain all the JSX and CSS files to build the website. Within the “src” directory, please create subdirectories called “pages”, “app”, and “components”. “pages” should contain the files that represent the respective web pages. “components” should contain files where reusable site components are stored. “app” should contain the “globals.css' file. Aside from the two directories at the root of the repo, please also add the following files: .gitignore, eslint.config.mjs, index.html, package.json, package-lock.json, postcss.config.mjs, vercel.json, vite.config.js, and a README. Please populate all these files appropriately. For the README, please add instructions for how to install the appropriate dependencies with npm and how to initiate local development with npm run dev.