freesewing/markdown/dev/tutorials/pattern-design/structure/en.md

title	order
Files and folder structure	110

Inside out tutorial folder, the design/src folder holds the source code for the new pattern we will create.

You can safely ignore all other files and folders, as they are part of the FreeSewing development environment. So feel free to skip ahead to Your first part.

Notes

If you'd like to learn about those other files and folders, here's what they do:

folders

• design: Holds the source code for your design
• lab: Holds React hooks and components specific to the development environment
• node_modules: Holds installed dependencies
• pages: Holds NextJS client-side routes, aka pages
• public: Holds pregenerated translation files
• shared: Holds files from FreeSewing's shared codebase for frontend development

files

• next.config.mjs: The NextJS configuration file
• next-i18next.config.js: The configuration file for [next-i18next][i81n] which handles translation within NextJS
• package.json: Every NodeJS project has a package.json file which holds important metadata and lists dependencies
• package-lock.json: This lockfile will only exist if you use the npm package manager
• postcss.config.js: Configuration file for PostCSS, a tool to transform CSS with Javascript
• tailwind.config.js: Configuration file for the TailwindCSS framework
• yarn.lock: This lockfile will only exist if you use the yarn package manager