WEEK 05
Datum: 18-03-2024 tot 23-03-2024
📅 18-03-2024
Vandaag heb ik met Cyd gesproken over mijn overweging om WordPress headless te gebruiken in combinatie met WooCommerce voor e-commerce integratie. Cyd gaf aan dat dit veel backend API-verzoeken vereist en aanzienlijke expertise vergt. Ze stelde voor om PHP te leren, maar ik neig naar SvelteKit als een snellere oplossing vanwege de prestatievoordelen. Bovendien werk ik graag met SvelteKit en vind ik JavaScript leesbaarder. Na deze dit gesprek heb ik besloten om een compleet nieuw CMS te zoeken wat dezelfde oplossingen kan bieden. Er is ook niet veel documentatie beschikbaar voor de intergratie van een Headless Wordpress intergratie.
📅 19-03-2024
📅 20-03-2024
Taken voor integratie Headless CMS
De code hieronder wordt ingezet om data te verzamelen via GraphQL van Contentful. In eerste instantie wordt er een contentfulFetch functie aangeroepen die asynchroon werkt en een GraphQL-query als argument accepteert. Daarna bouw ik een URL op met behulp van CONTENTFUL_SPACE_ID.
import { CONTENTFUL_SPACE_ID, CONTENTFUL_ACCESS_TOKEN } from '$env/static/private';
interface GraphQLQuery {
query: string;
}
const contentfulFetch = async (query: GraphQLQuery): Promise<Response> => {
const url = `https://graphql.contentful.com/content/v1/spaces/${CONTENTFUL_SPACE_ID}`;
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${CONTENTFUL_ACCESS_TOKEN}`,
},
body: JSON.stringify(query),
});
return response;
};
export default contentfulFetch;
Ik heb het veldtype 'References, many' gebruikt omdat dit mij in staat stelt om meerdere verwijzingen naar verschillende entiteiten, zoals pagina's, artikelen of producten, op te zetten. Dit biedt de flexibiliteit om dezelfde linkstructuren op meerdere plekken binnen de website te gebruiken, zonder dat ik ze telkens opnieuw moet aanmaken. Zo kan ik eenvoudig dezelfde links implementeren in bijvoorbeeld zowel het navigatiemenu als de footer.
📅 20-03-2024
📅 21-03-2024
Vandaag heb ik een presentatie gehouden voor de teamleden van FNDN-agency. Ik heb voornamelijk toegelicht waar ik aan gewerkt heb en de keuzes die ik tijdens mijn onderzoek heb gemaakt. Na deze presentatie heb ik de volgende feedback ontvangen van mijn medestudenten:
📅 18-03-2024
Vandaag de planning doorgelopen en alle taken van week 5 doorgenomen