Netlify-CMS is neat but Gatsby isn't a perfect fit for it, in my opinion. Gatsby has amazing image handling capabilities with automatic src-sets, resizing and optimizing. Netlify-CMS wants you to use their Large Media service to host your images which neuters the Gatsby image stuff because it no longers has access to the images locally. The alternative is to keep the images locally in the git repo which git is not made for.
Netlify-CMS is also a new product which means it's still figuring out how to be handle stuff like relations between collections in the best way.
Not trying to downplay how good Netlify-CMS is overall but it has quirks to be aware of. I personally migrated to Sanity.io which better fit my needs and has great Gatsby integration (including images).
I went with Zeit Now v2, which lets you write lambda functions that can replace a traditional backend. But you'd still need a data store of some sort, I use Sanity for that. They have an awesome query language and the studio for easy editing.
Or write a minimal API server in Java. It's up to you, really.
The client wanting to update content themselves is more reason to use a JAMStack. No need to overcomplicate it. I like sanity.io for CMS sanity.io and gatsby deployed via Netlify
If you want something really simple to deploy try Webflow.
Generally speaking, I am looking for UI/UX design and web development project.
This is the one side project that I just finish. I just design and build an eCommerce website from scratch.
The tech includes, Nextjs(frontend), Tailwind CSS(Styling), sanityIo(CMS), Redux-Persist(global state management), Next-Auth(authentication). I also integrate Shopify Storefront API with my application for checkout and payment.
Here is the demo, https://next-js-e-commerce-xnslx.vercel.app/
Here is the code, https://github.com/xnslx/next-js-e-commerce
If more specifically, I would prefer some projects about building eCommerce website, using Nextjs as the frontend, Sanityio as the CMS which can sync Shopify with sanity studio.
If I cannot find some freelancing work, I will keep building eCommerce website, but I am going to use HULL template, https://www.sanity.io/create?template=ndimatteo/HULL it is the one built by Sanityio team and it does so many heavy lifting things. I might specially explore more about this small field.
We have a lot of field level translations in arrays it adds up the the attribute limit quickly. Upgrading the plan also only double the number of attributes.
Check out our blog post and live code example for Gatsby.js + Headless CMS. You're up and running in minutes if you just want to get a feel for it. With Sanity.io you can pretty much structure your fields and content however you want. https://www.sanity.io/blog/how-to-quickly-set-up-a-gatsby-js-jamstack-website-with-a-headless-cms
No it doesn’t. But sanity has a plug-in which should work. https://www.sanity.io/plugins/next-auth-sanity
I just use next-auth and connect with MongoDB and then save the authenticated users info there.
I‘ve used Sanity + Next.js for a couple of months now, really happy with the result! Sanity is a headless CMS, which makes it simple to add new structures and only think about the model and not the UI.
Sanity also push for good developer experience
I use sanity for all my next.js projects. It uses "SanityQL" (actually named GROQ) which is a graphQL-flavoured syntax to communicate.
It seems you can use GraphQL though:
>Sanity.io has powerful APIs for querying, patching, and mutating data in the real-time content backend. In addition to our GROQ API, we also support deploying GraphQL APIs to query your content.
- Source
It looks like a CMS would work great for this situation. I personally enjoy using Sanity CMS (https://www.sanity.io) and works great with SvelteKit. Their free your is more than reasonable but a paid plan isn't outages either.
I work for Sanity, and we can offer:
We also have a kind and helpful dev community where the team also helps out.
Generally speaking, I am looking for UI/UX design and web development project.
This is the one side project that I just finish. I just design and build an eCommerce website from scratch.
The tech includes, Nextjs(frontend), Tailwind CSS(Styling), sanityIo(CMS), Redux-Persist(global state management), Next-Auth(authentication). I also integrate Shopify Storefront API with my application for checkout and payment.
Here is the demo, https://next-js-e-commerce-xnslx.vercel.app/
Here is the code, https://github.com/xnslx/next-js-e-commerce
If more specifically, I would prefer some projects about building eCommerce website, using Nextjs as the frontend, Sanityio as the CMS which can sync Shopify with sanity studio.
If I cannot find some freelancing work, I will keep building eCommerce website, but I am going to use HULL template, https://www.sanity.io/create?template=ndimatteo/HULL it is the one built by Sanityio team and it does so many heavy lifting things. I might specially explore more about this small field.
Generally speaking, I am looking for UI/UX design and web development project.
This is the one side project that I just finish. I just design and build an eCommerce website from scratch.
The tech includes, Nextjs(frontend), Tailwind CSS(Styling), sanityIo(CMS), Redux-Persist(global state management), Next-Auth(authentication). I also integrate Shopify Storefront API with my application for checkout and payment.
Here is the demo, https://next-js-e-commerce-xnslx.vercel.app/
Here is the code, https://github.com/xnslx/next-js-e-commerce
If more specifically, I would prefer some projects about building eCommerce website, using Nextjs as the frontend, Sanityio as the CMS which can sync Shopify with sanity studio.
If I cannot find some freelancing work, I will keep building eCommerce website, but I am going to use HULL template, https://www.sanity.io/create?template=ndimatteo/HULL it is the one built by Sanityio team and it does so many heavy lifting things. I might specially explore more about this small field.
Th is is the Hull Template , built by the sanity team. https://www.sanity.io/create?template=ndimatteo%2FHULL it did all the heavy lifting work and you can connect your Shopify store with your customize website and also enjoy the powerful CMS by sanity studio.
I haven’t started using it but it definitely my next step.
There is a guy who share his project in the slack channel yesterday https://www.sakspotts.com and it was built based on this template and it is super cool!
>https://www.sanity.io/guides/why-i-chose-sanity-as-my-wordpress-alternative-in-2021
ah cool thank you. do you know anything about having the same header and footer on each page in html? Every link that I've clicked has php. Can I use php in html?
Depending on what you're interested in, you may want to take a look at Sanity
:
​
https://www.sanity.io/guides/why-i-chose-sanity-as-my-wordpress-alternative-in-2021
I’d recommend using a headless CMS with Gatsby. I can strongly back a CMS like sanity for adding this functionality. This removes the need for authentication on your portfolio. Then I’d just pick a project where you can showcase authentication. Here’s a list of potential project projects. Then you’ve touched on multiple different skills for your personal development?
I'm a huge fan of Sanity!
We're using it together with next.js at our own agency, when the clients are right for it. Our own site otterdev.io is next.js + sanity.
And to top it off for you, they have a Next.js E-commerce starter.
Also I agree with you, I'm a big fan of next over gatsby. Also I think for something like an ecomm site, the ISR feature of next will make a big difference, as you can have all the benefits of a static site, while still having your listings up to date.
In terms of flexibility and covering a lot of edge and corner cases, advanced acl for WP is worth a study https://wordpress.org/plugins/advanced-access-manager/
100.000+ active installs and counting, a lot of the logic is deeply tied to WP underlying structure, but if you are really making a cms, then quite a lot of content + taxonomy + meta is likely applicable now or a bit further in.
At the other end of adaptation is How Sanity deals with it by some very generic roles, and then leave you the leeway to add them for groupings of documents. Sort of like a simplified AWS model, but for content only. https://www.sanity.io/docs/access-control
Might be able to help you out! Been using React for over 4 years, and have built a bunch of Gatsby sites (even with Typescript!). As for Sanity, my latest side project was featured in their community digest.
Let me know if you'd like to chat, always like helping people learn!
I would love it if I could throw out the shortcodes, but strategy would have a fit. So basically it's porting over all this historical content and making sure it looks relatively the same in the new cms (Sanity)
Basically what I'm doing now is I have this regex that goes throw the content and looks for shortcodes and basically from that I take she shortcodes and turn them into HTML elements with the shortcode params as attributes. It gets a little funky with some shortcodes, but for the most part works.
That all gets thrown to this HTML to Portable Text Node app i have running which inside of it have special serializers that look for those converted shortcode html elements. It'll take those and turn them into actually Sanity blocks and in the end returns this giant blog of basically JSON
Outside of that big pain, really liking Sanity so far.
An alternative I went for and it working out quite nicely. I'm developing the project as a monorepo which means I can have a package for all my frontend components shared between the backend and the frontend. I then connect to the sanity realtime API and simply pass the data into the page component.
It does the job, easy to integrate and works well with vue's components, which - combined with the GQL API - were the driving factors behind my decision to go with them. I am considering a switch to sanity though as it seems even better suited, treating content as structured data and I'm still small enough for the switch to not be too much of a time sink.
Sanity comes with Sanity Studio, which is a react-based SPA - their docs on customising it are here. You can style it with CSS for basic customisation, but it also comes with a component/parts system to make really easy structural changes - so you could, for example, set the CMS up to manage content in a multi-user create/review/approve system. You can also implement in-editor social media previews and things like that!
I'm building a simple site now with Gatsby and Sanity.io and so far I really like it! Easy to make and update schemas, the basic admin interface is easy to use and seems easily customizable if that's something you need. I really like how they handle images and being able to set focus points and then get a variety of image sizes out of the graphql api.
That's what Wordpress and other CMS-es are for, yes. If you're not feeling comfortable with Wordpress (you'd be looking at creating a theme to write HTML/CSS/JS - as long as you're not looking at extending the functionality in any major ways it should be pretty straight forward), there are many, many other options out there.
They'll all require you to learn their method of extending their functionality, though - so it'll be something new to learn whatever you pick. Headless CMSes such as Sanity is a great option if you want to keep yourself as independent as possible of the display framework.
This is the “part system” which is “plugins” that the Sanity Studio is assembled from, that you can either add to, replace, or amend. It is correct that it's a custom webpack configuration that makes this possible. One good example of how you use the parts system, is how you can either replace or add sources for the image asset selector in the studio: https://www.sanity.io/docs/custom-asset-sources.
Would a headless CMS work for what’s you are looking for?
contentful is one and there is also sanity.io
Both should be accessible with node using their api to request the content
To add on to this, a traditional CMS can be used as a Headless CMS. There has been a big move to this with the creation of Gatsby where people will use a traditional CMS (such as Wordpress) but only access it via API so the Wordpress front end is totally irrelevant (would use Gatsby's front-end instead). The Wordpress install can be installed on a separate domain (e.g. api.domain.com), while the front end lives at the www.
Purely headless CMSes include Sanity and Contentful