Git Product home page Git Product logo

graphcms-sveltekit-portfolio-and-blog-starter's Introduction

GraphCMS SvelteKit Portfolio and Blog Starter

Minimalist Developer Portfolio and Blog built with SvelteKit, Tailwind, daisyUI, and deployed to Vercel.

Check out the demo.

If you've come here from freeCodeCamp, you can check out the updated changes to work with the new routing in SvelteKit here: https://github.com/spences10/graphcms-sveltekit-portfolio-and-blog-starter/pull/101/files

Deploy your own on Vercel, click the deploy button and remember to add in the Content API from your GraphCMS project template:

Deploy with Vercel

The stack

This is an example project generated with the GraphCMS Developer Portfolio and Blog starter.

  • GraphCMS: Manage projects and blog posts.
  • SvelteKit: A powerful framework that lets us query data and use endpoints for server side data.
  • Vercel: For an intuitive Git based workflow with seamless publishing.

How to use

⚠TODO!

Rename the sample.env file to .env and add your own Content API endpoint.

mv sample.env .env

Install dependencies and run local dev server:

npm i
npm run dev

graphcms-sveltekit-portfolio-and-blog-starter's People

Contributors

castroalves avatar renovate-bot avatar renovate[bot] avatar spences10 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

graphcms-sveltekit-portfolio-and-blog-starter's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

This repository currently has no open or pending branches.

Detected dependencies

npm
package.json
  • @sveltejs/adapter-auto next
  • @sveltejs/kit next
  • @tailwindcss/typography 0.5.4
  • autoprefixer 10.4.8
  • cssnano 5.1.13
  • daisyui 2.24.0
  • graphql 16.5.0
  • graphql-request 4.3.0
  • husky 8.0.1
  • marked 4.0.18
  • postcss 8.4.16
  • postcss-load-config 4.0.1
  • prettier 2.7.1
  • prettier-plugin-svelte 2.7.0
  • pretty-quick 3.1.3
  • svelte 3.49.0
  • svelte-preprocess 4.10.7
  • tailwindcss 3.1.8
  • theme-change 2.2.0
  • vite 3.0.7

  • Check this box to trigger a request for Renovate to run again on this repository

npm ERR! Found: [email protected]

ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/postcss-load-config
npm ERR! dev postcss-load-config@"4.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional postcss-load-config@"^2.1.0 || ^3.0.0" from [email protected]
npm ERR! node_modules/svelte-preprocess
npm ERR! dev svelte-preprocess@"4.10.6" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/postcss-load-config
npm ERR! peerOptional postcss-load-config@"^2.1.0 || ^3.0.0" from [email protected]
npm ERR! node_modules/svelte-preprocess
npm ERR! dev svelte-preprocess@"4.10.6" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.