Overview

/ - Home page.
pages/about - About page.
pages/writing/[slug] - Static pre-rendered writing pages using Sanity.

Run Locally

$ git clone https://github.com/eneskutlay/website
$ cd website
$ npm install
$ npm run dev

Sanity for Backend

If you haven't heard of Sanity.io before, you can visit its website.

$ cd sanity-backend/
$ npm install
$ npx @sanity/cli init 
$ npx @sanity/cli start

If you have completed all these steps without any problems, Sanity Studio should be running on the 3333 port and NextJs should be running on the 3000 port.

Editing Navbar Items - Head and Sanity Client

To edit the Navbar section and Head contents, you need to edit the lib/data.js file. To connect to Sanity Studio, you need to edit the lib/client.js file. For additional instructions, visit the comment lines and the official Sanity.io website.

Sanity Schemas

You can review the /sanity-backend/schemas folder to edit Sanity schemas and the Sanity Schemas Documentation for more information.

getStaticProps and Data Fetching

If you haven't heard enough about data fetching and getStaticProps before, you can check the official documentation from NextJs.

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Builder	4,723	4	38	2 days ago	634	September 23, 2022	335	mit	TypeScript
Drag and drop headless CMS for React, Vue, Svelte, Qwik, Angular, and more
Actions Gh Pages	3,762			14 hours ago	1	May 27, 2022	51	mit	TypeScript
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.
Usehooks Ts	3,305		56	5 days ago	39	September 22, 2022	84	mit	TypeScript
React hook library, ready to use, written in Typescript.
React Awesome Slider	2,601	42	13	3 months ago	45	February 21, 2020	76	mit	JavaScript
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
Useauth	2,582	1	1	4 months ago	85	January 26, 2021	141	mit	TypeScript
The simplest way to add authentication to your React app. Supports various providers.
Plasmic	2,404			a day ago			33	mit	TypeScript
Visual page builder and web design tool for any website or web app tech stack
Reactime	1,801			2 months ago	13	August 13, 2019	12	mit	TypeScript
Chrome developer tool for time travel debugging and performance monitoring in React applications.
Jamstack Ecommerce	1,759			3 months ago			21	mit	JavaScript
A starter project for building performant ECommerce applications with Next.js and React
Reflexjs	745		16	a year ago	25	April 14, 2021	29	mit	JavaScript
A library for rapid UI development with style props, color modes, themes and variants + starter kits, themes and blocks to help you build Gatsby and Next.js sites faster.
Ram	582			4 years ago			10	mit	JavaScript
:atom_symbol: React Application Manager: create and run React (and other) applications – no command line or build setup required