A simple website to show pinned places that you went or you want to go
This project uses GraphCMS, so you need to create an account there first.
After you need to create the Schema, just follow the steps:
-
Schema > Add New Model with
Placename -
And add the following fields:
Single Line TextasnameSlugasslugMapaslocationRich TextasdescriptionAsset Pickerasgallery
-
Schema > Add New Model with
Pagename -
And add the following fields:
Single Line TextasheadingSlugasslugRich Textasbody
After that, fill some values and don't forget to publish!
In order to create a token access, go to Settings > API Access, inside this page, find Permanent Auth Tokens,
create a Token Name and mark all queries possible. Save and get the token.
After creating your account on GraphCMS and following the steps above, you just need to rename
the .env.example to .env.local (if you plan to run locally) and edit the keys there.
With all set, you can start the application with:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
dev: runs your application onlocalhost:3000build: creates the production build versionstart: starts a simple server with the build production codelint: runs the linter in all components and pagestest: runs jest to test all components and pagestest:watch: runs jest in watch modestorybook: runs storybook onlocalhost:6006build-storybook: create the build version of storybook
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.