🐋 Fully-Dockerised Nextjs - postgress development in Visual Studio Code
nextjs-devcontainer
is a simple configuration to support fully-dockerised development of Next.js applications using Visual Studio Code.
nextjs-devcontainer
currently ships with:
postgres:14.1-alpine
workspace containernode:latest
for the app
Using this configuration is quite simple. Download and place nextjs-devcontainer
in a .devcontainer
folder with your Laravel Code. If starting a new project, you may create a new folder with just larave-devcontainer
in your .devcontainer
folder.
Alternatively, you may use Git Submodules. Install the configuration by running
git submodule add https://github.com/DanielRondonGarcia/nextjs-devcontainer .devcontainer
If you use this method, do not forget to install submodules when cloning:
git clone --recurse-submodules ...
Start Visual Studio Code (e.g. code example-app
) and re-open in remote containers (Remote-Containers: Reopen in Container
). This may take some time on the first use, as Docker initially downloads and builds the images. Eventually, Visual Studio Code will run inside the workspace container. Extensions and settings specified in devcontainer.json
will be auto-configured!
Be sure to correctly configure your application .env
to use the devcontainer postgres.
nextjs-devcontainer
currently ships with the following extensions for Laravel development in Visual Studio Code:
- "EditorConfig.editorconfig"
- "dbaeumer.vscode-eslint"
- "christian-kohler.path-intellisense"
- "mrmlnc.vscode-puglint"
- "octref.vetur"
- "dzannotti.vscode-babel-coloring"
- "wayou.vscode-todo-highlight"
- "visualstudioexptteam.vscodeintellicode"
- "lukas-tr.materialdesignicons-intellisense"
- "codezombiech.gitignore"
- "kumar-harsh.graphql-for-vscode"
- "mrmlnc.vscode-duplicate"
- "oderwat.indent-rainbow"
- "rangav.vscode-thunder-client"
- "christian-kohler.npm-intellisense"
- "GitHub.copilot"
- "Prisma.prisma"