There are many ways to accomplish what you’re looking for, but the right solution depends on a lot of things.
First of all, if you are using the default SugarCube interface (not using the special “StoryInterface” passage to create your own page layout), then in order to add Chapters to the sidebar, all you need is the special “StoryMenu” passage.
You can look in the SugarCube documentation for info on this, but basically you create a passage titled StoryMenu and fill it with links to passages you want to appear in the sidebar. You can do this easily with SugarCube’s link markup:
[[Chapter 1|Chapter 1 Passage]]
[[Chapter 2|Chapter 2 Passage]]
...
The documentation will explain more about this as well.
As for vocabulary words, there are several ways to accomplish this. Perhaps the most straight-forward way is to set up a comprehensive list of all words that will appear and in which chapter they will first appear. The best way to do this is in the Story JavaScript, making use of the pre-defined setup variable to store all of these words.
setup.vocab = {
"gutenTag" : {
"german" : "Guten Tag",
"english" :"Good Day",
"definition" : "A formal greeting used mainly between the hours of 10 AM and 5 PM.",
"firstAppears" : "Chapter 1 Passage",
},
"guteNacht" : {
"german" : "Gute Nacht",
"english" : "Good Night",
"definition" : "A farewell used at bedtime.",
"firstAppears" : "Chapter 2 Passage",
},
...
};
So, as you can see here, each word has its own object containing the word/phrase, its English translation, an explanation of how it’s used, and the passage title where it first appears (for linking purposes).
Next, you want a passage using the special name StoryInit. Here, you’ll put things you want to set up the very first time the story is created. In here, you should create a variable to hold the list of discovered words:
<<set $LearnedWords = []>>
Now, inside the chapter when the word first appears, you could do this:
<<run $LearnedWords.pushUnique(setup.gutenTag)>>
<<run $LearnedWords.pushUnique(setup.guteNacht)>>
Using the StoryMenu passage I mentioned earlier, you can add a link to a “Dictionary” passage, in which you would have something like this:
<<for _id, _word range setup.vocab>>
<h3>_word.german -- _word.english</h3>
<p> _word.definition </p>
[[Go to Chapter|_word.firstApears]]
<</for>>
As I’ve said, this is just one of many methods, and a bit of a clunky one at that, but it should give you somewhat of an idea how to start handling things. I highly recommend looking through the SugarCube documentation and playing around with things to get a better feel on how they work. That’s really the best way to learn this engine. It will also help you come up with more specific questions.
Oh, and if you wanted the wrds themselves to appear in the sidebar, this is possible but much more involved. It will either require drawing them in using JavaScript or doing what I meantioned above and using the StoryInterface Passage to create your own page layout. (And it still might require some JavaScript).
I hope this helps give you a little direction. Feel free to ask more specific questions here or in the future when you have a better handle on SugarCube.
EDIT: Sorry, I had to fix my method. I replied to this before I’d had coffee and did it in a way that wouldn’t actually work.
