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.

We can safely ignore all other files and folders, as they are part of the FreeSewing development environment. So feel free to skip ahead to Our 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 our 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 pre-generated 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 which handles translation within NextJS
• package.json: Every Node.js project has a package.json file which holds important metadata and lists dependencies
• package-lock.json: This lockfile will only exist if we 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 we use the yarn package manager