{"id":23897910,"url":"https://github.com/alexgenovese/nextjs-envato-elements-template-code","last_synced_at":"2026-05-14T18:33:31.615Z","repository":{"id":267405721,"uuid":"901145465","full_name":"alexgenovese/nextjs-envato-elements-template-code","owner":"alexgenovese","description":"Code generated with Bolt | Copycat of Envato Elements in NextJS project ⚡️","archived":false,"fork":false,"pushed_at":"2025-01-02T09:00:13.000Z","size":1405,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-02T09:41:20.769Z","etag":null,"topics":["code","generated","nextjs","template","templates","theme","themes"],"latest_commit_sha":null,"homepage":"https://alexgenovese.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexgenovese.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-10T05:55:22.000Z","updated_at":"2025-01-02T09:00:16.000Z","dependencies_parsed_at":"2024-12-10T07:17:46.476Z","dependency_job_id":"3b0c44d3-9c47-40ca-996b-81e1d29f1b23","html_url":"https://github.com/alexgenovese/nextjs-envato-elements-template-code","commit_stats":null,"previous_names":["alexgenovese/envato-theme-nextjs","alexgenovese/nextjs-envato-themeforest-template-code"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgenovese%2Fnextjs-envato-elements-template-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgenovese%2Fnextjs-envato-elements-template-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgenovese%2Fnextjs-envato-elements-template-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgenovese%2Fnextjs-envato-elements-template-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexgenovese","download_url":"https://codeload.github.com/alexgenovese/nextjs-envato-elements-template-code/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240286508,"owners_count":19777354,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code","generated","nextjs","template","templates","theme","themes"],"created_at":"2025-01-04T17:18:53.891Z","updated_at":"2025-11-13T18:02:08.204Z","avatar_url":"https://github.com/alexgenovese.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NextJS Envato Theme \n\nThis project is a test of Bolt.new code copying Envato Theme. This attempt is only created to test Bolt and its detail on each iteration. \n\n![title](preview.png)\n\n# Here's how i did it\nBelow are the 4 steps to generate the same template or others similarly. \n\nPlease follow me on [X / Twitter](https://x.com/@alexgenovese) to keep posted on generative code and [RAG](https://alexgenovese.com)\n\n\n## 1st Step: generate the full site\nPrint the screen of the page (I used a Google Chrome extension) and start typing the following prompt:\n\n**Start with a simple but detailed request**\n```\nWrite the code for this layout to generate a new nextjs project. Embed Google font typography and Tailwind CSS framework. Add the filtering system of the sidebar and copy all the pattern scheme colour and typography.\n```\n### The image I uploaded \n![full body](previews/full-layout.png)\n\n## 2nd Step \nIt missed the logic behind the filters and the header, but all the jobs have a look and feel modern, and it was a good starting point.\n\n**Below the Prompt I used to add sidebar filters.**\n```\nGood job! Please add the filters as attached in this image. Could you write the code to add the layout code and the logic behind the filters? Once I click on the checkbox filter, it'll flag true, filter and show the results in the main section on the right showing the images.\n```\n### The image I uploaded \n![full body](previews/sidebar-filters.png)\n\n## 3rd Step \nThe sidebar is fixed and working fine, but the header and subheader are entirely wrong. It completely missed the menu generation too.\n\n**Below the Prompt I used to add sidebar header and subheader.**\n```\nFine. Update the code adding the header and subheader attached. Please provide details and use the same color patterns and font types. \n```\n### The image I uploaded \n![full body](previews/header-subheader.png)\n\n\n## 4th Step \nNow, the header and subheader are generated, but the menu was missing (generated wrong), and the search bar was not the same as in the attached screenshot.\n\n**Below is the Prompt I used to add sidebar filtering and header.**\n```\nOK. You missed the menu and search bar. Copy the exact menu labels and keep design constraints as shown in the file attached. \n```\n### The image I uploaded \n![full body](previews/header.png)\n\n\n# Considerations\nEach time I iterated, showing the small parts to add to the code generated was better and better. \n\n**I noticed that once you request to update it seems that it doesn't have much context** The generated code had issues and requires fixing each time I updated the code. \n\nBut it'll be fixed soon. \n\n\n## Credits \n\n[Edit in StackBlitz next generation editor ⚡️](https://stackblitz.com/~/github.com/alexgenovese/envato-theme)\n\n[Generated using Bolt.new](https://bolt.new)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexgenovese%2Fnextjs-envato-elements-template-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexgenovese%2Fnextjs-envato-elements-template-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexgenovese%2Fnextjs-envato-elements-template-code/lists"}