kale-stew / climb-log Goto Github PK
View Code? Open in Web Editor NEWHiking blog and climbing log. Built with Next.js, data sourced from a Notion.so database.
Home Page: https://kylies.photos
Hiking blog and climbing log. Built with Next.js, data sourced from a Notion.so database.
Home Page: https://kylies.photos
resoc looks like a good option
ImageGallery
component that utilizes css-grid to display cards imperfectly aligned
FeaturedCard
component that displays the "Read more ͢ " Link, decide whether to preview textgetFiveMostRecentEntries
method that fetches the five most recently dated climbs and blogs
featuredPosts: [{ title, previewText?, href, category }, ...,]
It would be nice to have a text search for the climb log
Optional
List the gear that I own (maybe pull from my gear log in Notion?)
Gear sub-sections:
fetchAllGear
function to API codeEach climb-log popover should feature a compressed header img
To look up:
The climb-log takes a while to load, it would be nice to have a loading state that could display while getStaticProps
or similar data functions process
Currently, we use grey-matter and remark to parse the blog post markdown content. Moving to next-mdx-remote will allow us to incorporate the custom components we need:
next/image
(let's try to leverage some of the optimization tools)getStaticPaths
call on the /all
routeFilter by state please :(
Maybe introduce a ResponsiveImage component (same as used on the About page)?
Update: Closed because the mobile nav improvements introduced by #65 are sufficient for me for now
Look into how nextjs handles content subsets- I should be able to have a blog subcategory and a works subcategory, both able to be fetched as props on a given page
Every blog post should have
getStaticPaths
to pull it from the md file name)task/climb-log-popover
Some of the page views in google analytics are possibly making a new entry for a page view. EX: Kylie Stewart | Hiking Blog
and kylies.photos | Hiking Blog
may be for the same page.
Dependent on #4
Use plaiceholder to generate a base64 image using the remote url to then pass into next/image
<blog-post-title>
⭐️ This should solve our two primary issues right now
_
)Solved using vercel pointed to a custom domain ✓
/all
(so kylies.photos/all
)img
components to appear here with a link to where it original appears
It would be nice for it to stay highlighted when you select a category on the blog page. Maybe an "all" button?
tr-slug
matches an existing generated slug, then there is a related trip report in the blog
tr-slug
is now a rich_text data type in the climb-log db<a>
tag that links to it around the title td
row
'${pageData.slug}.md'
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.