Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[IMPROVEMENT] add CMS #9

Closed
2 tasks done
wongprom opened this issue Aug 22, 2023 · 2 comments · Fixed by #36
Closed
2 tasks done

[IMPROVEMENT] add CMS #9

wongprom opened this issue Aug 22, 2023 · 2 comments · Fixed by #36
Assignees
@wongprom
Labels
feature New feature prio 1 Take this on first sanity v3

Comments

@wongprom
Copy link
Owner

wongprom commented Aug 22, 2023 •
edited
Loading

Is your feature request related to a problem? Please describe.

  • Add CMS (Sanity)
  • Don't want to use hard-coded data for certifications

Helpful links

Success criteria

  • Pull all data about certificates from CMS
  • On live version. Be able to visit endpoint /admin for Sanity Studio
@wongprom wongprom added the ticket Improvement label Aug 22, 2023
@wongprom wongprom self-assigned this Aug 22, 2023
@wongprom wongprom added feature New feature prio 1 Take this on first and removed ticket Improvement labels Sep 11, 2023
@wongprom
Copy link
Owner Author

wongprom commented Sep 12, 2023 •
edited
Loading

What I had to do before adding Sanity v3 to this existing next 13 project

Node

  1. Changed node version v14.16.1 => to at least v16.20.2

Where to create Sanity Studio?

⚠️ Not in the frontend folder (we will embed Sanity Studio in our nextjs)

  1. I $ cd .. out one step from nextjs project

  2. $ npm create sanity@latest

    • Need to install the following packages:
create-sanity@3.16.4
Ok to proceed? (y) y
    •  Error: Failed to communicate with the Sanity API:
 Unauthorized - Session not found. You may need to login again with sanity login.

 For more information, see https://docs.sanity.io/help/cli-errors.
 at getOrCreateProject (~/.npm/_npx/64b24/node_modules/@sanity/cli/lib/_chunks/cli- 
 129.js:111:11)
 at async initSanity (~/.npm/_npx/789/node_modules/@sanity/cli/lib/_chunks/cli- 
 119.js:18411:415)

  3. $ sanity login

    •   zsh: command not found: sanity

  4. $ npm install --global sanity@latest

  5. $ npm create sanity@latest

    •  Error: Failed to communicate with the Sanity API:
 Unauthorized - Session not found. You may need to login again with sanity login.

  6. $ sanity login
    ❗️use same login type as you use when login to Sanity

    •  ewewfer
 Login type GitHub
      Login successful

  7. $ npm create sanity@latest

    •  Fetching existing projects
 ? Select project to use Create new project
 ? Your project name: Sanity For testing-1
 ? Use the default dataset configuration? Yes
 ✅ Creating dataset
 ? Project output path: /..../react/next/sanity-for-testing-1
 ? Select project template Clean project with no predefined schemas
 ? Do you want to use TypeScript? Yes
 ✅ Bootstrapping files from template
 ✅ Resolving latest module versions
 ✅ Creating default project files
 ? Package manager to use for installing dependencies? npm

    Success 🎉

  8. $ ls

    • campout connect-next-with-gql git-test
      hulu-2 testing-1 sanity-for-testing-1

    testing-1 is the name of my nextjs project. sanity-for-testing-1 is the Sanity Studio folder.

  9. $ cd sanity-for-testing-1

  10. $ npm run dev

    •  Checking configuration files...
 ✅ Sanity Studio using vite@4.4.9 ready in 1567ms and running at http://localhost:3333/

Skärmavbild 2023-09-12 kl 17 53 49

DONE 🎉

wongprom pushed a commit that referenced this issue Sep 13, 2023
#9 Add Sanity to testing-1...
311b56b 
Embed Sanity Studio to path /about/certificates/admin. Idea is after login we can add new certificates from Sanity Studio.
@wongprom
Copy link
Owner Author

Don't forget to add domain

Skärmavbild 2023-09-13 kl 12 23 36

wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 Create Sanity schema and fetch data...
1b7c075 
Create schema for Certificates. Fetch all certificate with groq. Display title,subtitle with JSX.
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 Create type for certificate.
a36d7b9
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 Big commit...
f7f6c8d 
Add new content like post, category, auth. Create types for new content. Add visiontool plugin. Refactore some sanity client code.
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 Add line-clamp to category info text.
dcf1faa
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 CLientSideLink for server-side pages...
6ca4f92 
 Create ClientSideLink client-side component to be used on server-side pages for optimization.
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 Get specific certificate data...
214a6fe 
 with slug and display id and title on page.
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 Make it possible to see image and infoText...
83ae0b5 
 that comes from Sanity.
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 get alt attribute for image from Sanity.
6cef290
wongprom pushed a commit that referenced this issue Sep 18, 2023
#9 BUGFIX, forgot add 'use client'...
127f0a1 
 to ClientSideLink.tsx. Idea is to render much as possible from server-side, thats why I created this component.
wongprom pushed a commit that referenced this issue Sep 19, 2023
#9 BUGFIX, Style Portable text fron sanity...
55634c5 
 with custome style.
wongprom pushed a commit that referenced this issue Sep 19, 2023
#9 BUGFIX, Display and style image from Sanity.
0349c84
wongprom pushed a commit that referenced this issue Sep 19, 2023
#9 Revalidate every 24 hour...
2738943 
 and remove out-comment code.
wongprom pushed a commit that referenced this issue Sep 19, 2023
#9 Remove schemas not used...
a748895 
 author, category, post
@wongprom wongprom pinned this issue Sep 20, 2023
wongprom pushed a commit that referenced this issue Sep 20, 2023
#9 BUG on live version
cc5991c 
 after pushing this branch. Cant access Studio, black screen. Change useCdn to true froom false.
wongprom pushed a commit that referenced this issue Sep 20, 2023
#9 BUG. change back top useCdn: false
baf2e44
wongprom pushed a commit that referenced this issue Sep 20, 2023
#9 BUG. Update package next-sanity and saninty...
ecf5a3c 
 from next-sanity 5.4.6 to 5.5.4, sanity 3.16.4 to 3.16.7.
wongprom pushed a commit that referenced this issue Sep 21, 2023
#9 BUG, comment-out revalidate.
f02c411
wongprom pushed a commit that referenced this issue Sep 22, 2023
#9 Fix error that p tag cant render in p tag.
3ffe6c1
wongprom pushed a commit that referenced this issue Sep 25, 2023
#9 Add .env file in gitignore.
dc13a7d
wongprom pushed a commit that referenced this issue Sep 25, 2023
#9 Update config files...
e8815b6 
packages in package.json. Remove experimental appdir in next.conf file.
wongprom pushed a commit that referenced this issue Sep 25, 2023
#9 Set revalidate to 60 sec for test.
d680f35
wongprom pushed a commit that referenced this issue Sep 27, 2023
#9 Go to prew page from every certificate...
5b2a3d8 
 Create a back arrow for every certificate visited so it is possible to go back to prew page.
@wongprom wongprom mentioned this issue Sep 27, 2023
Merged
4 tasks
@wongprom wongprom linked a pull request Sep 27, 2023 that will close this issue
9 improvement add cms #36
Merged
4 tasks
@wongprom wongprom unpinned this issue Nov 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@wongprom wongprom

Labels
feature New feature prio 1 Take this on first sanity v3
Projects
@wongprom's test next 13
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

9 improvement add cms wongprom/test-next-13
1 participant
@wongprom