I've massively revamped my site https://the-defi-raider.space

I completely vibe coded (or rather vibe crafted since I feel like other elements such as graphics as well as writing aside from code with my input we're crafted using AI as well) it's definitely not a perfection. However I do have some insights as of now on using GitHub co-pilot to craft websites such as this.

1.) You should get the style out of the way first. I found using PHP to create static includes for things like menus, footer elements, etc that reoccur across all pages, as well as mobile-friendly CSS styling seems to be one way to do this. Doing this first is a way to make it easier. If you create consistent stylization and elements, you can create further instructions/more easily tell it to include them when making a new page or what not.

2.) you can have it automatically create instruction files in the .github/instructions directory(make a new folder with that path) as .md files telling it to reference then for even further consistency. Doing this early on at the project start is a good idea too. Have instructions for various things like writing style/tone or what files to include, how the project should look/feel, how new content should interlink with old content and based on what, etc...

3.) Once you've done 1 and 2 you can then have it consistently write out pages by refering to the instructions and using static includes on all new pages. 🤣