This article is all about my recent experiment with Collected Notes + Eleventy project and what I learnt from the process. These will be outlined in the following points:
1. I took note of the errors that I made
So, first things first, I went through the documentation of Collected Notes and Eleventy. If you have read my previous article How I failed in creating Eleventy Site, that was the first error I made. I never went through the documentation. So, this time, I took time out to understand what is actually going on
2. Going through file structure of Collected Notes
I went through the file structure of Collected Notes and tried to understand how the communication between each page and template is going on. It made me understand how things are meshed together like the cogs of the wheel, to make the wheel run
3. Eleventy and Collected Notes Integration
Now, what I understood is that Eleventy acts as a wrapper around any website. It gives the formatting, maybe some styling but it needs content or another component to fill it up. It is usually blog based, in my opinion. Collected Notes just took care of the notes part or rather the content part which I could very well import from my own account in form of json.
4. Content + Structure
So, here I have content from my own account of Collected Notes and other blogs and posts in form of Markdown format. I had to take care of basic configuration and templating of the content aka structure through Eleventy and integrating these both.
5. Deployment
After this, it is deployment so that it can be viewed in public. I chose to deploy it in Netlify which provides continuous deployment from Github. I usually prefer it and voila! the site is live
P.S : It is still a process. After deploying it, I want to add css styling to 'Notes' part of my Collected Notes which I have still not done yet. That is another journey which I will share with you guys soon.
Till then, enjoy reading!