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
task/climb-log-popover
Each climb-log popover should feature a compressed header img
To look up:
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 }, ...,]
List the gear that I own (maybe pull from my gear log in Notion?)
Gear sub-sections:
fetchAllGear
function to API code/all
(so kylies.photos/all
)img
components to appear here with a link to where it original appears
resoc looks like a good option
It would be nice for it to stay highlighted when you select a category on the blog page. Maybe an "all" button?
Use plaiceholder to generate a base64 image using the remote url to then pass into next/image
Filter by state please :(
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.
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
Dependent on #4
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
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'
It would be nice to have a text search for the climb log
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
route⭐️ This should solve our two primary issues right now
_
)Solved using vercel pointed to a custom domain ✓
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)<blog-post-title>
Optional
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.