{"id":13456609,"url":"https://github.com/ibrahimcesar/vscode-extensions-pack-nextjs-webdev","last_synced_at":"2025-08-23T00:24:46.020Z","repository":{"id":101925342,"uuid":"387788508","full_name":"ibrahimcesar/vscode-extensions-pack-nextjs-webdev","owner":"ibrahimcesar","description":"⚡  Opinionated extension pack to a great experience and performance on developing web application in VS Code with NextJS","archived":false,"fork":false,"pushed_at":"2021-07-27T17:27:35.000Z","size":39,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-29T15:11:24.423Z","etag":null,"topics":["hacktoberfest","nextjs","productivity","visual-studio-code","vscode","vscode-extension","webdev","webdevelopment"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=IbrahimCesar.ibrahimcesar-nextjs-developer-pack","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ibrahimcesar.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2021-07-20T12:42:44.000Z","updated_at":"2023-12-10T11:27:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"fbeebe7e-904c-47ca-9c1a-af34f02078c6","html_url":"https://github.com/ibrahimcesar/vscode-extensions-pack-nextjs-webdev","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ibrahimcesar","download_url":"https://codeload.github.com/ibrahimcesar/vscode-extensions-pack-nextjs-webdev/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250240800,"owners_count":21397866,"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":["hacktoberfest","nextjs","productivity","visual-studio-code","vscode","vscode-extension","webdev","webdevelopment"],"created_at":"2024-07-31T08:01:24.850Z","updated_at":"2025-04-22T12:31:11.912Z","avatar_url":"https://github.com/ibrahimcesar.png","language":null,"funding_links":[],"categories":["miscellaneous"],"sub_categories":[],"readme":" \u003cdiv align=\"center\"\u003e\n\n  \u003ch1\u003e⚡  NextJS Developer Extensions Pack\u003c/h1\u003e\n  \u003cblockquote\u003eOpinionated extension pack to a great experience and performance on developing web application in VS Code with NextJS\u003c/blockquote\u003e\n\n\u003cp\u003eBundled in 🇧🇷 \u003cspan role=\"img\" aria-label=\"Flag for Brazil\"\u003eBrazil\u003c/p\u003e\n\n\u003cp\u003e\u003ca href=\"https://www.producthunt.com/posts/nextjs-developer-extensions-pack?utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-nextjs-developer-extensions-pack\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=306206\u0026theme=light\" alt=\"⚡ NextJS Developer Extensions Pack - Developing NextJS applications in VSCode with great DX | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003c/div\u003e\n\n## Included extensions\n\n- [**Auto Close Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag): _Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text_\n- [**Auto Rename Tag**](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag): _Auto rename paired HTML/XML tag_\n- [**axe Accessibility Linter**](https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter): _Coding for accessibility made easy._\n- [**Better Comments**](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments): _The Better Comments extension will help you create more human-friendly comments in your code_\n- [**Blockman - Highlight Nested Code Blocks**](https://marketplace.visualstudio.com/items?itemName=leodevbro.blockman): _Mark/Highlight code blocks_\n- [**Bookmarks**](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks): _It helps you to navigate in your code, moving between important positions easily and quickly._\n- [**Code Spell Checker**](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker): _Spelling checker for source code_\n- [**Color Highlight**](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight): _Highlight web colors in your editor_\n- [**DotENV**](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv): _Support for dotenv file syntax_\n- [**Git Graph**](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph): _View a Git Graph of your repository, and perform Git actions from the graph._\n- [**GitLens — Git supercharged**](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens): _Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more_\n- [**ESLint**](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint): _Integrates ESLint JavaScript into VS Code._\n- [**File Utils**](https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils): _A convenient way of creating, duplicating, moving, renaming and deleting files and directories._\n- [**indent-rainbow**](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow): _Makes indentation easier to read_\n- [**Jest**](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest): _Use Facebook's Jest With Pleasure._\n- [**JSON to TS**](https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts): _Convert JSON object to typescript interfaces_\n- [**Markdown Preview Enhanced**](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced): _Markdown Preview Enhanced ported to vscode_\n- [**markdownlint**](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint): _Markdown linting and style checking for Visual Studio Code_\n- [**Material Icon Theme**](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme): _Material Design Icons for Visual Studio Code_\n- [**Next.js snippets**](https://marketplace.visualstudio.com/items?itemName=pulkitgangwar.nextjs-snippets): _snippets for nextjs_\n- [**Paste JSON as Code**](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype): _Copy JSON, paste as Go, TypeScript, C#, C++ and more._\n- [**Path Intellisense**](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense): _Visual Studio Code plugin that autocompletes filenames._\n- [**Prettier - Code formatter**](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode): _Code formatter using prettier_\n- [**Rainbow Brackets**](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets): _Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets. This is particularly useful for Lisp or Clojure programmers, and of course, JavaScript, and other programmers._\n- [**Sort JSON objects**](https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json): _Sorts the keys within JSON objects_\n- [**Template String Converter**](https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter): _Converts quotes to backticks when a `$` and `{` are entered within quotes in JavaScript and TypeScript files_\n- [**Thunder Client**](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client): _Rest API Client for VS Code, GUI based Http Client_\n- [**Todo Tree**](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree): _Show TODO, FIXME, etc. comment tags in a tree view_\n- [**Toggle Quotes**](https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes): _`cmd '` (`ctrl '` on win/linux) will cycle the first quote pair found_\n- [**Trailing Spaces**](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces): _Highlight trailing spaces and delete them in a flash!_\n- [**TSLint**](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin): _TSLint support for Visual Studio Code_\n- [**Visual Studio IntelliCode**](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode): _AI-assisted development_\n- [**vscode-styled-components**](https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components): _Syntax highlighting for styled-components_\n\n## Install\n\nVisit the **[Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=IbrahimCesar.ibrahimcesar-nextjs-developer-pack)**\n\n## Creator\n\n| GitHub  |  Twitter |  LinkedIn | Site  |\n|:-:|:-:|:-:|:-:|\n| [![Ibrahim](https://github.com/ibrahimcesar.png?size=50)](https://github.com/ibrahimcesar)  | [@ibrahimcesar](https://twitter.com/ibrahimcesar)  | [/in/ibrahimcesar](https://www.linkedin.com/in/ibrahimcesar/)  | [ibrahimcesar.cloud](https://ibrahimcesar.cloud)  |\n\n\n**Happy Coding!**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibrahimcesar%2Fvscode-extensions-pack-nextjs-webdev/lists"}