DevCanvas is an open-source tool designed to help developers build and showcase their projects. With Next.js 13 and GraphQL at its core, DevCanvas offers a modern and flexible solution for creating and sharing your developer portfolio.
-
Next.js 13: The project utilizes the latest version of Next.js to provide a fast and efficient developer portfolio building experience.
-
Tailwind CSS: Tailwind CSS is used for styling, ensuring a clean and responsive design for your portfolio.
-
TypeScript: The project is developed using TypeScript, which adds static typing and enhances code quality.
-
GraphQL with @grafbase/sdk: GraphQL is the query language used to interact with the backend. The project leverages the @grafbase/sdk for GraphQL operations.
-
Cloudinary: Cloudinary integration is included for efficient image and media management.
-
Authentication with NextAuth: User authentication is implemented using NextAuth, ensuring secure access to portfolio management.
To get a local copy up and running, please follow these simple steps.
Prerequisites
Before you begin, make sure you have the following software installed:
- Node.js (Version: >=14.x)
- Yarn (recommended)
Installation Steps
-
Clone the Repository:
git clone https://github.com/manraj2712/dev-canvas-graphql.git
-
Install Dependencies:
cd dev-canvas-graphql yarn install
-
Set Up Environment Variables:
cp .env.example .env
-
Start:
yarn dev