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.

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

Improve content editing features, enable preview and SEO #59

Merged
merged 53 commits into from
Oct 22, 2024

Conversation

rccsousa
Copy link
Collaborator

@rccsousa rccsousa commented Oct 18, 2024

Why:

How:

  • this update fixes issue Contributor slug not updating automatically #13 by enabling author collection to generate a slug from the author name field;
  • SEO plugin is now enabled, allowing for content-specific meta to be generated from the dashboard;
  • Live preview and Page Preview are also now correctly enabled and available for all collections (screenshots below);
  • minor changes to how Author Socials' field are rendered, making them optional, improving clarity;
  • deleted unused collections and respective dependencies;
  • add improvements to content editing legibility and add a toolbar to give more options to the user instead of just relying on / commands;

Screenshots:

New Author socials fields

imagem

SEO Plugin

Configuring meta description:
imagem

How it is rendered when sharing:
imagem

Live Preview

imagem

Updated Lexical editor

imagem

- created pills for 2 authors and 3+ authors;
- moved Author pills to a single file located in Authors/AuthorPills;
- fixed imports
- make header correspond to page type, changing background and font
  colors based on the type of page it is inserted instead of being
  generic
- changed metadata generation, badges, favicons and open graphs,
  replacing payload boilerplate open graph and use content tailored to
  the content-sub project
- enabled payload SEO plugin to automatically generate metadata for
  sharing;
- enabled live preview and increased draft saving to facilitate
  previewing;
- enabled page preview;
plugin was throwing errors upon type generation due to having
collections parameters enabled, which isn't necessary for the current
version.
and remove unused ones
- remake author pill as a standalone component;
- use conditional rendering to make it fit one, two or more
contributors;
@rccsousa rccsousa marked this pull request as ready for review October 18, 2024 13:58
Base automatically changed from rs/improve-navigation to main October 21, 2024 16:44
<div key={i} className={styles.contentCard}>
<ContentCard contentType={key} content={contentPiece} />
</div>
<ContentCard contentType={key} content={contentPiece} rounded={true}/>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When passing boolean = true props to components, you can use shorthand, just

<ContentCard {...other stuff} rounded />

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

noted!

))}
)}

{socials.x.length === 1 && (
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why are these arrays? Can users have multiple versions of each Social profile?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

users cannot have multiple versions of each social profile, but socials are now part of a "tab" and consequently stored as an array called "Socials":

imagem

Copy link

netlify bot commented Oct 21, 2024

Deploy Preview for content-sub ready!

Name Link
🔨 Latest commit 418e365
🔍 Latest deploy log https://app.netlify.com/sites/content-sub/deploys/67178df393970d000839db1e
😎 Deploy Preview https://deploy-preview-59--content-sub.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

- remove unused seed functionality;
- add information about important features of the dashboard;
- link to quick tutorial rundown;
Copy link
Contributor

@davelange davelange left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is more than I can review really, but let's go

@rccsousa rccsousa merged commit a3cc05e into main Oct 22, 2024
5 checks passed
@rccsousa rccsousa deleted the rs/improve-content-editing branch October 22, 2024 13:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants