Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manraj2712/dev-canvas-graphql

Nextjs 13 and graphql powered tool for developers to build and showcase their projects.
https://github.com/manraj2712/dev-canvas-graphql

grafbase graphql next-auth nextjs

Last synced: about 2 months ago
JSON representation

Nextjs 13 and graphql powered tool for developers to build and showcase their projects.

Awesome Lists containing this project

README

        

# DevCanvas - Next.js 13 and GraphQL-Powered Project

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.

![devcanvas](https://github.com/manraj2712/dev-canvas-graphql/assets/65106261/af1974df-b57e-4785-a746-6d2afc26f953)

## Technologies Used

- **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.

## Getting Started

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**

1. **Clone the Repository:**

```bash
git clone https://github.com/manraj2712/dev-canvas-graphql.git
```

2. **Install Dependencies:**
```bash
cd dev-canvas-graphql
yarn install
```
3. **Set Up Environment Variables:**
```bash
cp .env.example .env
```
4. **Start:**
```bash
yarn dev
```