How to change the order of items in Sanity and display them correctly on a website.

Hello Everyone, help
I have a terrible problem with Sanity, can anybody help me?!
when I add items in each sanity section in my desired order, when displayed on my website, they are totally scrambled and out of order , this is what I posted, and next is what is displayed on my website, items are not in order, WHYY?!!

Do you order them in your query? The studio typically displays them in last updated order, but that’s not necessarily what your query does. You may need to be specific.

how can I change the order in my website?!! they dont change

I add them , but they dont show up in order that I added them

You can do that with the

order()

function in your query.

in react? how?!

for instance, I add my publications in order in Sanity , but they appear scrambled. in Sanity I add them so there should be a solution in Sanity , is that right?!

In your query. The groq query.

Show me your groq query. 🙂

const Publications = () => { const [publications, setPublications] = useState([]);

useEffect(() => {
const query = '*[_type == "publications"]';

client.fetch(query).then((data) => {
setPublications(data);
});
}, []);

return (
<>
<h2 className="head-text">Publications</h2>

{publications.map((publication) => (
<motion.div className="app__skills-exp-item">
<div>
<p>
<span className="p-text2">{publication.authors}</span>
<span className="p-text2">{publication.title}</span>
<span className="p-text3">{publication.journal}</span>
</p>
</div>
</motion.div>
))}

</>
);
};

export default AppWrap(
MotionWrap(Publications, "app__skills"),
"publications",
"app__whitebg"
);

Just the groq query was enough. 🙂

This is how you‘d order your data when querying it:

you mean I add _updateAt desc ?!!

After a pipe, yes. Like I’ve shown. You can also check the docs: https://www.sanity.io/docs/query-cheat-sheet#b5aec96cf56c