wotta / woutervm_next Goto Github PK
View Code? Open in Web Editor NEWMy personal website build on Next.js and Strapi headless CMS.
Home Page: https://woutervm-next.vercel.app
My personal website build on Next.js and Strapi headless CMS.
Home Page: https://woutervm-next.vercel.app
Somehow the social images are not being included in the head tag after publishing blog post.
I want to create message sharing functionality that can be used to share information between me and other people in a somewhat secure way.
—
Created via Raycast
Create a simple quick links page that uses the social media api endpoint
Tweet with additional information: https://twitter.com/juanbuis/status/1526900107379105793
to make it easier it would be beneficial to have a resume page.
Additionally it would be nice to have a certificate page where I can share information about "certifications" that I have.
Read more documentation here: https://nextjs.org/docs/basic-features/font-optimization
—
Created via Raycast
Created a new content for navigation items.
We still need to implement it on the nextjs side.
dl.airtable.com
Getting the following error which seems to be incorrect.
[develop:frontend] SeoBasic
[develop:frontend] Warning: <SeoBasic /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.
[develop:frontend] at SeoBasic
[develop:frontend] at head
[develop:frontend] at Head (webpack-internal:///./node_modules/next/dist/pages/_document.js:252:5)
[develop:frontend] at html
[develop:frontend] at Html (webpack-internal:///./node_modules/next/dist/pages/_document.js:241:29)
Below is the component that is being called:
const SeoBasic = ({ seo }) => {
console.log(seo)
return (
<>
{seo.title && (
<>
<title>{seo.title}</title>
</>
)}
</>
)
}
export default SeoBasic
<footer class="container prose prose-pink prose-sm sm:prose-lg lg:prose-lg xl:prose-2xl mx-auto w-full p-8">
<div class="fluid-container text-xs">
© 2020 - 2021 woutervm.com
-
<a href="https://www.twitter.com/wottavm" rel="noopener" aria-label="woutervm.com on Twitter" target="_blank">Twitter</a>
<a href="https://www.github.com/wotta" rel="noopener" aria-label="woutervm.com on Github" target="_blank">Github</a>
<a href="https://www.linkedin.com/in/wouter-van-marrum/" rel="noopener" aria-label="woutervm.com on Linkedin" target="_blank">Linkedin</a>
</div>
</footer>
Use the following package to generate better opengraph images.
https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation
The bootstrap file can be found here:
This file holds an pragmatic strapi seeder that is used to import the base data for this project.
Currently the admin is running version 4.0.3
but I want to run version 4.4.3
.
To do this the dependencies need to be upgraded. The backend must be intact when the change is submitted.
Currently there have been some changes that are breaking the dropdown navigation on mobile.
This should be an easy fix.
To make the website a bit nicer I want to use flowbite for ui components so it makes it a bit easier to develop new types of pages.
((\s)?dark:(hover:|focus:)?(\w*-\w*(-\d*)?))
When a password has been added to the blog post in question the frontend should do the following things.
This is not a foolproof way to "hide" blog posts but at least it helps a bit.
With all the things going on with Twitter it would be a nice thing to make use of multiple social media to share posts that are written in the backend.
Will create an experimental feature where I can connect multiple sources which I can post towards.
When a post has been shared it will also be shared on a timeline on the website with links where the posts has been shared.
Todos:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.