Personal Website with NextJs, ReactJs, Sanity
Alternatives To Website
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Builder4,7234382 days ago634September 23, 2022335mitTypeScript
Drag and drop headless CMS for React, Vue, Svelte, Qwik, Angular, and more
Actions Gh Pages3,762
14 hours ago1May 27, 202251mitTypeScript
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.
Usehooks Ts3,305565 days ago39September 22, 202284mitTypeScript
React hook library, ready to use, written in Typescript.
React Awesome Slider2,60142133 months ago45February 21, 202076mitJavaScript
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. 🖥️ 📱
Useauth2,582114 months ago85January 26, 2021141mitTypeScript
The simplest way to add authentication to your React app. Supports various providers.
a day ago33mitTypeScript
Visual page builder and web design tool for any website or web app tech stack
2 months ago13August 13, 201912mitTypeScript
Chrome developer tool for time travel debugging and performance monitoring in React applications.
Jamstack Ecommerce1,759
3 months ago21mitJavaScript
A starter project for building performant ECommerce applications with Next.js and React
Reflexjs74516a year ago25April 14, 202129mitJavaScript
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.
4 years ago10mitJavaScript
:atom_symbol: React Application Manager: create and run React (and other) applications – no command line or build setup required
Alternatives To Website
Select To Compare

Alternative Project Comparisons


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

Run Locally

$ git clone
$ cd website
$ npm install
$ npm run dev

Sanity for Backend

If you haven't heard of 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 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.

Popular Nextjs Projects
Popular Gatsby Projects
Popular Frameworks Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.