Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/manraj2712/dev-canvas-graphql
- Owner: manraj2712
- Created: 2023-10-01T17:05:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-28T21:17:19.000Z (10 months ago)
- Last Synced: 2024-02-28T22:23:41.026Z (10 months ago)
- Topics: grafbase, graphql, next-auth, nextjs
- Language: TypeScript
- Homepage: https://devcanvas.vercel.app
- Size: 494 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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
```